安装Node,建立vue项目,运行及打包

一、安装node js

　　下载地址：http://nodejs.cn/download/

二、安装完成后运行Node.js command prompt（node -v查看安装版本）

　　

三、安装npm（因为如今版本的nodejs已经集成npm因此无需安装，能够用npm -v 查看版本）
　　

四、注册cnpm来代替npm

　　使用命令：npm install cnpm -g --registry=https://registry.npm.taobao.org

　　若是你发现你安装成功了，使用cnpm却发现找不到命令，那么就是你的环境变量有问题，在环境变量里面的path添加你node的安装路径就行，好比";C:\Program Files\nodejs\node_modules"

五、安装vue脚手架vue-cli

　　命令：cnpm install -g vue-cli

　　安装成功后能够用 vue -V 查看vue版本

六、cd到对应的目录下初始化vue项目

　　命令：vue init webpack my-project

　　　　　　Project name 项目名

　　　　　　Project description 项目名描述

　　　　　　Author 做者邮箱

　　　　　　Use ESLint to lint your code? 是否须要ESlist语法检查

　　　　　　Setup unit tests with Karma + Mocha? 是否须要单元测试

　　　　　　Setup e2e tests with Nightwatch? Yes是否须要e2e测试

七、package.json为项目依赖资源，若是要运行这个项目须要使用cnpm install 安装依赖项（直接在项目文件夹路径下执行）

八、使用命令cnpm run dev启动项目，浏览器会打开 http://localhost:8080/#/ 看到如下效果

　　开发时属于热部署状态，代码保存后浏览器会自动刷新，错误提示也很是友好。

九、编译打包 cnpm run build

　　会编译打包到项目dist文件夹下，而后咱们就能够部署到服务器上（注意：若是你直接打开index.html，可能页面会是一片空白，这是因为你引用的js路径有问题）