vue-cli脚手架快速搭建项目

前言

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 能够快速建立 vue 项目。

 

准备工做

在搭建一个vue项目以前，须要先安装好node.js和cnpm。

虽然npm也是可使用的，可是npm安装会比较慢，进而致使网络问题安装失败，因此推荐使用cnpm进行安装；（附上cnpm全局安装代码）

npm install cnpm -g --registry=https://registry.npm.taobao.org

这里还须要提一句，node版本需更新在6以上，不然安装过程会报错。

 

开始搭建

1）全局安装vue-cli；命令行执行cnpm install -g vue-cli；出现如下安装进程说明项目安装正常，能够正式建立项目了。

2）vue-cli安装成功后，cd进入存放项目的文件夹下，若是是直接在预先准备好的文件夹下建立的，就能够省去cd这一步；而后执行vue init webpack，就会出现一些项目相关的信息须要选择配置，按需填写便可；

信息配置完之后，文件夹下会生成文件目录，见下图：

3）执行npm install，安装依赖；

4）安装依赖成功，执行npm run dev启动项目；

启动成功，浏览器打开localhost:8082就能够打开项目啦~

到这一个简单的vue项目就搭建好了，能够根据本身的需求去构建页面和内容啦。

 

最后的话

总的来讲，使用vue-cli搭建一个vue项目仍是比较简单的，可是搭建的过程当中，可能会碰见各类问题，因此看见报错不要慌，定位问题再去解决他就能够了。