vue项目部署

常用命令：

node常用命令：
查看node版本： node -v

npm常用命令：
查看npm版本：  npm -v
npm代理置为空： npm config set proxy null
npm清理缓存： npm cache clean --force
npm设置国内淘宝镜像： npm config set registry https://registry.npmmirror.com

Angular 常用命令：
安装Angular Cli脚手架（最新版本）： npm install -g @angular/cli
安装Angular Cli脚手架（指定版本）： npm install -g @angular/cli@xxx.xxx.xxx
查看版本号： ng  v
启动项目： ng serve

第一步：下载安装node.js（注意不用安装太新的版本），傻瓜式安装完毕即可，不用配置环境变量那些
安装完成之后,输入node -v如果出现版本号，则说明安装成功
如图

第二步：安装依赖，用cnpm，不用npm。有些npm资源是国外资源的原因，经常会导致用npm安装依赖包失败，所以安装npm的国内镜像cnpm速度比较快。
管理员模式进入cmd,执行安装命令： npm install -g cnpm --registry=https://registry.npm.taobao.org
如图

第三步：安装vue-cli脚手架构建工具
cnpm install -g vue-cli

等待一会就构建完毕！

第四步：构建运行项目
首先cd命令切换到workspace中，我是在e盘中建立一个文件夹workspace用来存放项目
执行初始化命令：vue init webpack 项目名称

运行初始化命令的时候会让用户输入几个基本的选项（项目名称、描述、作者等信息），可以直接回车默认就可以了

第五步：安装项目依赖
cd切换到项目的根目录中，
执行依赖安装命令： cnpm install

启动项目：npm run dev

打开浏览器输入：localhost:8080或8081，出现vue首页即发布成功。

注意事项：所有cmd模式都必须以管理员模式！