vue 自定义配置web项目
2024-03-05 本文已影响0人
渚清与沙白
可视化面板创建
- 执行
vue ui命令。 - 选择手动方式配置项目。
image.png
-
选择依赖包
image.png
-
配置ESLint和prettier。
会自动安装eslint，babel-eslint，eslint-plugin-vue， @vue/cli-plugin-eslint，prettier，eslint-plugin-prettier，@vue/eslint-config-prettier这些插件。
image.png
-
使用less，需要安装开发依赖包less-loader和less。
安装成功之后，编译项目less-loader报错，首先考虑版本问题，降低版本到5.0.0试试。
image.png
命令窗口创建
-
执行
vue create projectName。
image.png
-
选择css 预处理器
image.png
-
配置ESLint和prettier。
image.png
-
选择语法检查时期
文件保存时和代码提交时检查
image.png
-
配置文件的存放位置（推荐独立放置配置文件）
image.png
-
是否保存此预设
image.png
