vue --- vue-cli项目搭建

脚手架搭建项目

1.安装node.js

链接地址：https://nodejs.org/en/download/，版本不要太低，否则vue-cli会安装失败，建议8.0版本以上

2.使用npm安装依赖，如果觉得npm不好用，也可以安装淘宝镜像使用cnpm，

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

 安装完毕之后cnpm-v 出现相应的版本号，则说明安装成功

3.全局安装webpack 

npm install webpack -g

安装完毕之后webpack -v 出现相应的版本号，则说明安装成功

4.全局安装vue-cli

npm install --global vue-cli

 

安装完毕之后vue -V（大写的V），出现版本则说明安装成功

5.用vue-cli来构建项目

新建一个存放项目的文件夹test，cd test，或在文件夹里按住shift+鼠标右键打开命令窗口

vue init webpack projectname

projectname为项目名称，确定之后会开始下载，然后会对你进行提示

，一路回车，

选择No, I will handle that myself，根据提示进行输入操作

 cd projectname
 npm install 
 npm run dev

当出现

 I  Your application is running here: http://localhost:8080

复制 http://localhost:8080 到浏览器打开项目；

网上找了张图详细介绍了每个文件的功能，这张图底部package.json是依赖文件，REASME.md才是项目描述文件。

6.安装axios

一个正常的项目肯定要有ajax请求的，vue2.0推荐使用axios请求数据

npm install axios --save

安装之后查看pakeage.json文件，如果devDependencies出现axios及版本，那就证明安装成功了；

 

dependencies用户发布环境，为生产依赖，一般不更改，安装时一般使用-save保存依赖，devDependencies用于本地环境开发时候，为开发依赖，可用于做测试，安装时一般使用-save-dev保存依赖；