vue-cli快速搭建项目
2017-07-05 本文已影响0人
乐伊兔
说明:
使用nodeJs自带的npm命令运行,node的版本需在6.0以上。
安装nodejs:
去nodejs官网下载即可,地址:http://nodejs.cn/中文网
步骤:
安装webpack:
npm install webpack -g
如果已经安装过webpack的同学,可以忽略这个哦
安装vue脚手架:
npm install vue-cli -g
结果如下图
创建项目:
vue init webpack my-project <工程名字不能用中文,这里的my-project是工程名>
会出现如下图的一些设置,这里的Author我没有填写,这个可以填写的。
执行到这里,已经可以看到文件夹里面已经生成了项目目录了(如下图),接下来就是要安装依赖,运行项目了。
进入项目里:
cd my-project
安装依赖:
npm install
注意了:这里如果使用淘宝镜像去安装依赖的话,有可能会出问题,不过我目前暂时没有遇到……
运行项目:
npm run dev
在浏览器中输入框中的网址即可