《vue3从零搭建一个后台》(二) 搭建vuecli脚手架

1、创建项目

到创建目录的文件下开启cmd。或者cmd后再 cd到创建目录
执行vue命令，后接项目名

vue create dkyadmin

选Manually select features(手动选择配置)

回车确定，空格选择。

暂时选择Babel、vue-router、vueX，其他根据需求后续可加

1. babel    es6语法支持
2. TypeScript  js超级语法支持
3. Progressive Web App (PWA) Support  支持渐进式网页应用程序
4. Router 路由管理器
5. Vuex 状态管理模式
6. CSS Pre-processors css预处理
7. Linter / Formatter 代码风格、格式校验
8. Unit Testing 单元测试
9. E2E Testing E2E（End To End）即端对端测试

选vue3

1.Use history mode for router? y     //history路由不带#，选n 则带#
2. Pick a linter / formatter config:  
  EsLint + Standard config        // 代码的校验。这里选标配，后续可在配置文件定制规则.
3.Pick additional lint features  // 触发校验方式
  (1) Lint on save  //保存时校验，我选这个
  (2) Lint and fix on commit  //提交时校验
4.Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files // Babel, ESLint, etc.插件专用文件配置，选这个，好维护
  In package.json  // package.json中配置，集中一处不好维护
5. Save this as a preset for future projects? (y/N) n  
 //这些选项是否保存，下次创建项目就不用一个一个选。我选no，

到此，脚手架搭建完成。等node 下载好对应的包即可
**cd 进 项目目录 **

 $ cd dkyadmin
 $ npm run serve

可以看到一个简单的脚手架页面，接下配置 第三方插件 的配置依赖就可以进行项目开发了
项目结构

image.png