vue构建和部署

普通的搭建方式（安装指令）

安装Node.js

• 检查node是否已安装，终端输入 node-v

会使用命令行（安装）

• npm install vue-cli - 首先安装 vue-cli
• vue init webpack - 创建项目
• npm install - 安装依赖
• npm install axios - 安装axios请求
• npm install vuex --save - 安装 vuex
• npm install vue-router - 安装路由
• npm install karma - 安装单元测试的环境
• npm install jquery --save-dev - 第三方库

常用命令

• npm run dev - 运行创建的项目
• npm run build - 运行打包命令
• npm run unit - 进行单元测试
• npm run e2e - 进行端测试

项目结构

• build - webpack配置文件
• config/index.js - 主要项目配置
• src/
  • main.js - 应用入口文件
  • App.vue - 主应用程序组件
  • components - ui组件
  • assets - 模块资源（由webpack处理）
• static - 纯静态资源（直接赋值）
• test
  • unit - 单元测试
  • e2e - e2e测试
• babelrc - babel 配置
• postcssrc.js - postcss配置
• eslintrc.js - eslint 配置
• editorconfig - editor 配置
• index.html - index.html模板
• package.json - 构建脚本和依赖关系（安装的和应用的命令）