普通的搭建方式(安装指令)
安装Node.js
- 检查node是否已安装,终端输入 node-v
会使用命令行(安装)
npm install vue-cli
- 首先安装 vue-clivue init webpack
- 创建项目npm install
- 安装依赖npm install axios
- 安装axios请求npm install vuex
--save - 安装 vuexnpm 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
- 构建脚本和依赖关系(安装的和应用的命令)