【Vue3】【转】vue3创建项目-自定义

版权声明：本文为CSDN博主「南有樛木。」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35310623/article/details/105807176
————————————————

原文地址：https://www.cnblogs.com/peter1/p/12149210.html

————————————————

vue create 项目

 

 default默认配置,manually手动配置,如果选择默认一直回车即可,选择手动需要进行相应的配置如下图

 

 根据自己项目需求选择相应的选项，空格选择，a全选

babel---转码
typescript---ts
Progressive Web App (PWA) Support---支持渐进式Web应用程序（PWA）
router---vue-router
vuex---vuex
CSS Pre-processors---css预处理
Linter / Formatter---代码风格检查和格式化
Unit Testing---单元测试
E2E Testing---e2e测试
选中表示支持,回车

  

 选择vue版本 

 Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)路由是否选择history模式.如何选择history模式则需要后台服务进行相关设置,

这里输入n,默认模式即可,回车

 

 css 的预处理器我选择的是 Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的，dart-sass需要保存后才会生效

sass 官方目前主力推 dart-sass 最新的特性都会在这个上面先实现

 

 选择 ESLint 代码校验规则，提供一个插件化的javascript代码检测工具，ESLint + Prettier 使用较多

 

  然后选择什么时候进行代码校验，Lint on save 保存就检查，Lint and fix on commit   fix 或者 commit 的时候检查，建议第一个

下面就是如何存放配置了，In dedicated config files 存放到独立文件中（有多个配置文件），In package.json 存放到 package.json 中

本着项目结构简单的想法，我选择了第二个

 

 最后就是是否保存本次的配置了，N 不记录，如果选择 Y 需要输入保存名字

 

 然后就等待创建项目吧

 

 出现如图红框所示的提示，就搭建成功，进入项目目录，直接输入 npm run serve 就可以了