vue最新脚手架

在新版脚手架中去掉了 config 和 build 两个配置文件，换成了可选的 vue.config,js 文件
1、项目初始化

(1)安装脚手架

全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步：npm uninstall vue-cli -g

Vue CLI 3 需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+，可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本)

安装 @vue/cli(Vue CLI 3 的包名称由 vue-cli 改成了 @vue/cli)：cnpm install -g @vue/cli

vue -V 检查版本号

2)创建项目

vue create

① 选择一个预设 preset

若此前有保存过的预设配置可直接使用，若没有则只有 Default 和 Manually select features。

Default：默认配置，不带任何辅助功能；

Manually select features：自定义配置(按方向键 ↓ 和空格)，提供可选功能的 npm 包。

② 完善项目目录

|— node_modules

|— public　　　　　　　　　　 // 不做编译处理的静态资源

|— src　　　　　　　　　　　 // 源代码

|　 |— api　　　　　　　　　 // 所有请求

|　 |— asssts　　　　　　　 　 // 主题、字体等静态资源

|　 |— components　　　　 　 // 全局公用组件

|　 |— directive　　　　　　 　// 全局指令

|　 |— filtres　　　　　　　　 // 全局 filter

|　 |— router　　　　　　 　 　 // 路由

|　 |— store　　　　　　　 　 // vuex

|　 |— styles　　　　　　　 　 // 全局样式

|　 |— utils　　　　　　　　 　// 全局公用方法

|　 |— views　　　　　　　 　 // 页面

|　 |— APP.vue　　　 　　　 　 // 入口页面

|　 |— main.js　　　　 　　 　 // 入口 加载组件 初始化

|　 |— permission.js　　 　　 // 权限管理

|— .env.development　　 　　 // 开发环境

|— .env.production　　　 　　 // 生产环境

|— .env.test　　　　　　 // 测试环境

|— vue.config.js　　　　　　 // 配置文件

|— .browerslistrc　　　　　 　 // 设置浏览器的兼容

|— .eslintrc.js　　　　　　 　 // eslint 代码检测配置项

|— .gitignore 　　　　　　 　 // git 忽略项

|— babel.config.js　　　　 　 // babel 语法编译

|— package-lock.json　　　 // 记录版本号

|— package.json　　　　 　 　 // 项目基本信息

|— README.md　　　　 　 　 // 项入门手册