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

在浏览器中输入框中的网址即可

上一篇下一篇

猜你喜欢

热点阅读