vue开发（一）使用vue-cli搭建项目

一、安装nodejs（主要是使用cnpm）

下载安装对应的nodejs版本    nodejs链接

安装完成后，使用命令行工具检查是否安装成功，输入

node -v  、npm -v

出现版本号则安装成功

由于npm安装方式慢，国内建议使用cnpm，输入以下命令

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

（更多关于cnpm 淘宝镜像）

二、全局安装vue-cli

全局安装vue-cli，在命令行工具中输入

cnpm install -g vue-cli

三、配合webpack-simple使用vue-cli

打开项目目录，在地址栏输入cmd可以直接打开命令行工具并进入项目目录

输入vue init webpack-simple my-project（此处的 my-project 为项目名称，可随意更改）

然后就可以一直回车

先输入cd my-project ，进入my-project目录

继续输入cnpm install，加载项目需要的依赖包

再输入cnpm run dev项目就跑起来了

浏览器会自动打开，如下图

端口号默认8080，如果端口号被占用，则修改一下配置文件 package.json

"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot --port 8089"

即在后面加入 --port 8089（或者其他端口，建议修改不常用的端口）

四、项目打包

项目完成后，输入

cnpm run build

会生成dist文件夹，里边就是打包好的项目，上线时将dist放到服务器就可以了