1、安装node js
下载地址：http://nodejs.cn/download/
2、安装npm（由于现在版本的node.js已经集成npm所以无需安装，可以用npm -v 查看版本）
3、注册cnpm来代替npm
使用命令：npm install cnpm -g --registry=https://registry.npm.taobao.org
如果你发现你安装成功了，使用cnpm却发现找不到命令，那么就是你的环境变量有问题，在环境变量里面的path添加你node的安装路径就行，比如";C:\Program Files\nodejs\node_modules"
4、安装vue脚手架vue-cli
命令：cnpm install -g vue-cli
安装成功后可以用 vue -V 查看vue版本
5、cd到对应的目录下初始化vue项目
一、命令
- vue init webpack my-project 新建项目
- cnpm install 已有项目下载依赖
- ipconfig 查询本机ip，配置到项目中去，以便在手机运行看效果
- cnpm run dev：运行项目（浏览器 打开 http://localhost:8080/#/看到效果）
开发时属于热部署状态，代码保存后浏览器会自动刷新，错误提示也非常友好。
6、编译打包 cnpm run build
会编译打包到项目dist文件夹下，然后我们就可以部署到服务器上（注意：如果你直接打开index.html，可能页面会是一片空白，这是由于你引用的js路径有问题）
网友评论