一、安装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放到服务器就可以了
网友评论