vue 常见命令 (启动 部署)

项目搭建

安装脚手架工具 vue-cli

• npm install vue-cli -g
• vue init webpack my-project  初始化项目
  * 依次输入 项目名
  * 项目描述 
  * 作者
  * ESLint 代码检查工具 使用了会对你代码格式进行严格检查
  * 测试工具是否使用
  * 完成项目创建
• 项目创建后 cd my-project 进入项目目录
  主要文件在src中建立  ， 主页为index.html， package.json 为主要的配置文件，其中有两个脚本为:
  - dev : node bulid/dev-server.js
  - build : node build/build.js
• npm install  安装项目依赖
• npm run dev -->> 在 localhost 启动测试服务器
• 启动完成，如果需要部署，执行npm run build 生成上线目录部署

配置环境

1. 安装 node.js

• 目的: 配合前端开发搭建 为全局工作
• 方法: 通过 官网下载 安装  .msi文件(微软标准安装包文件)
• 验证: 通过cmd 命令窗口  输入npm -v 查询版本
  

2. 配置环境变量

配置"主机用户变量"(环境变量上面一栏)  
设置PATH 变量 值为C:\Users\lenovo\AppData\Roaming\npm

3. git-bash软件安装配置

4. cd 项目地址

5. cnpm install安装依赖

说明: cnpm为国内常用下载依赖配置方式  国外一般用npm 当然 以实际速度为准
易产生问题: npm 与cnpm版本不一致
建议使用别名设置方法