vue项目的搭建步骤

环境搭建

1、从node官网：http://nodejs.cn/download/ 安装node，下载即可

2、命令安装：brew instal node

Node.js已经集成了npm，所以安装了node就不用再去安装npm了。

node -v可以查看node版本号，如果出现相应的版本号，则说明安装成功。

安装vue-cli脚手架构建工具

1、在命令行中运行命令 npm install vue-cli -g ，然后等待安装完成。 

(这里不建议使用cnpm，别问问为什么，问就是不会哈哈哈～也可以在命令后面加-- registry=https://registry.npm.taobao.org)

2、npm install webpack -g为方便后面打包，这里就也装上webpack好了。

3、准备一个文件夹作为工作空间，cd命令切进去

4、在工作空间目录下执行命令：vue init webpack 项目名称

除过Use Eslint to lint your code? 选n，其他的一路回车就好～

5、记得切换到项目文件夹下，然后安装项目依赖，执行命令：npm install(可简写为npm i)

6、安装vue 路由模块和网络请求模块 vue-resource：npm install vue-router vue-resource --save

如果要用到sass：npm install node-sass sass-loader style-loader --save

7、最后，npm run dev启动项目，默认为8080端口由于我的8080端口被占用，所以是8081端口，如图：

在地址栏中输入localhost:8081可见。：

到这里，一个优雅的vue项目框架就搭好了。

想要停止的话，Ctrl+c就ok。