@gravityjs/easy-vue3

vue初始化项目模板脚手架

全局安装

npm install @gravityjs/easy-vue3 -g

创建项目

evue3 create [app-name]

模板相关命令

安装依赖

yarn install

开发

yarn start
// Or
yarn run serve

编译打包

yarn run build

格式检测和修复

yarn run lint

提交代码

yarn commit
...
git push

自定义相关配置

忽略样式检测

在.stylelintignore文件中添加相应规则

修改样式规则

在.stylelintrc添加相应Rules

修改pxtorem的font-size值

在postcss.config.js中修改相应的值

module.exports = {
  plugins: {
    autoprefixer: {},
    "postcss-pxtorem": {
      rootValue: 75,  // 修改相应的值
      propList: ["*"]
    }
  }
};

修改js、image的publicpath及修改公共sass文件路径

在vue.config.js中修改相关的路径

// JS线上路径
const jsPublicPath = "/";
// 图片线上路径
const imagePublicPath = "/";
// sass公共路径
const sassPublicPaths = [
  path.join(__dirname, "./src/styles/reset.scss"),
  path.join(__dirname, "./src/styles/common.scss")
];

自定义@vue/cli配置

See Configuration Reference.