1 安装配置前准备的工作
2准备安装工作
2种方法
一种选择ts
一种不选择ts（基础条件是选择3开发）
内容讲解
创建好进行优化一下
assets文件
把assets里面的logo删除
删除app.vue里面的style数据 只保留
home文件
home文件
components文件夹
然后把components里的helloworld.vue删除
router文件夹
然后在view文件夹里面删除about.vue文件 整个文档删除
vue.config.js文件
然后一个项目就诞生了
Eslink校验
中文官网
Vscode安装相应的插件
1 安装eslint
2 生成配置文件
3 修改.eslint.cjs配置文件
具体一些其他的可以根据规则来配置
.eslintignore忽略文件
运行脚本
prettier格式化工具
VS Code安装其对应的插件
安装依赖包
同样是在src同级目录下安装.prettierrc.json文件夹
.prettierrc.json添加规则
.prettierignore忽略文件
通过npm run lint去检测语法，如果出现不规范格式,通过npm run fix 修改
Vue3 项目中如何关闭 ESLint
关闭eslink
styleLint工具配置
// sass sass-loader可单独安装
.stylelintrc.cjs配置文件
官网:https://stylelint.bootcss.com/
.stylelintignore忽略文件 PS根目录创建
运行脚本
// 最后配置统一的prettier来格式化我们的js和css，html代码
当我们运行pnpm run format的时候，会把代码直接格式化
husky配置
安装Husky
husky官网
lint-staged
package.json
在package.json的scripts下中添加如下代码：
pre-commit
在.husky → pre-commit文件中添加想要执行的命令
接下来可以进行提交了，提交前会自动对代码进行校验！
commitLint配置
安装
创建 commitlint.config.js 配置文件
在husky的配置加入CommitlIint配置，v1.0.1版本以后为HUSKY_GIT_PARAMS，v0.14.3为GIT_PARAMS
提交规范
commitlint.config.js文件配置
统一包管理工具下载依赖
vue3+ts项目
在根目录创建scritps/preinstall.js
_src文件夹别名配置
用webpack构建的项目
1 在项目新建vue.config.js,编辑vue.config.js内容如下：
使用vite构建的项目
在vite.config.js中进行别名的配置
环境变量配置
环境变量配置
.env.development
.env.production
.env.test
mock模拟数据
mock模拟数据
vite.config.js
项目创建
到此这篇vue安装脚手架命令（vue3脚手架安装）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/23683.html