%20(2).svg)
项目简介
本项目是 Vue CLI 3 的第三方插件，用于初始化日事清相关的 Vue 项目。能统一维护和更新常用代码，避免创建项目时重复选择功能，提升开发效率。
项目的主要特性和功能
- 自动预置 API 常量、网络请求等常用代码，注入默认代码并扩展 webpack 配置。
- 添加默认 ESLint 配置，采用
airbnb的 JS 规范并结合项目情况自定义规则，保障代码质量。 - 按推荐结构构建项目目录，使项目结构清晰、便于管理。
- 提供常量、网络请求、调试账号切换等多种可选的预置代码。
- 可通过
vue.config.js中的pluginOptions.rishiqing配置全局变量，方便复用配置。
安装使用步骤
安装
通过预置 preset 配置，在创建工程时选择 rishiqing 插件（推荐）：
运行过 vue create 命令后，在操作系统用户文件夹下的 .vuerc 文件（~/.vuerc）中，将以下配置信息合并进去。之后使用 vue create your_app_name，根据提示选择 rishiqing，即可自动安装 rishiqing 插件。
json
{
"presets": {
"rishiqing": {
"useConfigFiles": true,
"plugins": {
"@vue/cli-plugin-babel": {},
"@vue/cli-plugin-eslint": {
"config": "airbnb",
"lintOn": [
"commit"
]
},
"vue-cli-plugin-rishiqing": {
"prompts": true
}
},
"router": true,
"vuex": true,
"cssPreprocessor": "sass"
}
}
}
使用
- 创建项目时，按需选择要注入的预置代码。
- 若选择了
sprites功能，在vue invoke结束后，手动执行npm run sprites生成默认雪碧图。 - 可将
vue-router的模式改为history模式，并将base改为项目地址前缀。js export default new Router({ mode: 'history', base: '/test' // 改为你前面定义的项目地址前缀，注意，末尾没有 / }) - 在项目根目录下运行
npm run serve启动开发服务器。 - 运行
npm run build进行项目构建。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】