关于vue.js:从零开始搭建Vue20项目一之快速开始

📋前言

该样板实用于大型和庄重的我的项目，用于疾速搭建企业级的vue我的项目。

如果你只想尝试vue-loader或疾速制作出原型，请改用webpack-simple模板。

🚀疾速开始

要应用此模板，请应用vue-cli搭建我的项目。倡议应用npm 3+以取得更无效的依赖关系树。

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

装置实现后，胜利运行：

🌈我的项目构造

.
├── build/                      # webpack配置文件
│   └── ...
├── config/
│   ├── index.js                # 次要我的项目配置
│   └── ...
├── src/
│   ├── main.js                 # 利用入口文件
│   ├── App.vue                 # 主应用程序组件
│   ├── components/             # ui组件
│   │   └── ...
│   └── assets/                 # 模块资源（由webpack解决）
│       └── ...
├── static/                     # 纯动态资源（间接复制）
├── test/
│   └── unit/                   # 单元测试
│   │   ├── specs/              # 测试spec文件
│   │   ├── index.js            # 测试构建条目文件
│   │   └── karma.conf.js       # 测试跑步者配置文件
│   └── e2e/                    # e2e测试
│   │   ├── specs/              # 测试spec文件
│   │   ├── custom-assertions/  # e2e测试的自定义断言
│   │   ├── runner.js           # 测试跑步脚本
│   │   └── nightwatch.conf.js  # 测试跑步者配置文件
├── .babelrc                    # babel 配置
├── .postcssrc.js               # postcss 配置
├── .eslintrc.js                # eslint 配置
├── .editorconfig               # editor 配置
├── index.html                  # index.html模板
└── package.json                # 构建脚本和依赖关系

前后端拆散的一个我的项目搭建的进度实现了1/3，下一步是配置跨域和申请，
我是Java白羊🐏，一只想做全栈的小羊，感激大家的观看ヾ(◍°∇°◍)ﾉﾞ！