vue2.0 +webpack开发项目(window)

原创 songYJ 教程 vue2.0 428阅读 2017-12-10 15:13:29 举报

废话不多说

第一步:https://nodejs.org/en/ 下载node(根据自己电脑是多少位的,我的是64位的)

下载node

第二步:按装node 是不是下载完成了,那就安装 (我在这里告你一个小技巧)一直点next 最后install 然后就安装完成了

接下来看一下是否安装ok

系统键+r ---->>> 输入cmd--->>>然后查看一下node版本(node -v) 我的是v9.2.1的

vue2.0+webpack开发项目(window)

如果能出来说明安装ok,出不来的话就是不ok呗(废话)

接下来 我们干什么呢???????

           不打我我全部告诉你都!!!

vue-cli构建项目

vue-cli是什么呢?

vue-cli就相当于工人盖房子外面搭建的铁架子(脚手架),在这里他就是脚手架工具。

接下里就是安装vue-cli。cmd命令

npm install -g vue-cli / npm i -g vue-cli (现在是不是脚手架搭建好了,接下来顶一下在那块盖房,然后搬钻,买水泥,石粉,开始)

在这里我们使用

cd ...进入目录

进入目录之后然后就是给创建项目的名字(随便起)

然后会出现下面的东西

vue2.0+webpack开发项目(window)

我在这里就是一直回车,别问为什么,没用

然后这时候呢 输入命令 npm install

如果是出来一大堆版本号那就完全ok的,如果出现下面这个图片

vue2.0+webpack开发项目(window)

这时候npm通知创建了一个lockfile作为package-lock.json。让你提交这个文件(没事不用管他,不影响你下一步就可以了)

然后就是在cmd里面输入命令 npm run dev (启动项目)

vue2.0+webpack开发项目(window)

然后在网页的url地址栏里面输入上面那个 cmd里面的那个笛子 你就会看到这样一个页面

vue2.0+webpack开发项目(window)

这时候说明你安装都没有问题了,你成功了,you are very good

如果对你有用 你就点个赞吧!!!

评论 ( 9 )
最新评论
songYJ 8F 2017-12-13 16:33:41 9F

不客气

戒不掉的殇 7F 2017-12-12 18:51:09 8F

解决了 谢谢

songYJ 6F 2017-12-12 18:27:19 7F

我的微信 13717806003 你加我 我看看

戒不掉的殇 5F 2017-12-12 14:54:21 6F

评论区怎么发图 发不了

songYJ 4F 2017-12-12 12:59:07 5F

你可以给我发个截图吗? 我看一下是什么报错!!!

戒不掉的殇 3F 2017-12-12 11:35:28 4F

你好 就是启动项目之前的那一步会报错 这里是具体安装什么?

songYJ 2F 2017-12-12 09:05:32 3F

你是遇到错误了?还是什么?

戒不掉的殇 2017-12-11 09:37:18 2F

创建项目之后 还要安装什么包?继续运行会报错

戒不掉的殇 2017-12-11 09:25:50 1F

cd进入文件夹之后 创建项目:先初始化项目 npm init 然后才是项目信息