1.创建项目
1.1 创建
npm install -g pnpm
pngm create vue
或者
npm init vue@latest
npm install
npm run dev
1.2 选择内容
1.3 安装依赖
pnpm install
1.4 运行
pnpm dev
1.5 最后
1.6 配置
rules: {
'prettier/prettier': [
'warn',
{
singleQuote: true, //单引号
semi: false, //无分号
printWidth: 80, //每行宽度至多80字符
trailingComma: 'none', //不加对象|数组最后逗号
endOfLine: 'auto' //换行符号不限制
}
],
'vue/multi-word-component-names': [
'warn',
{
ignores: ['index'] //vue组件名称多单词组成
}
],
'vue/no-setup-props-destructure': ['off'], //关闭 props 结构的校验
'no-undef': 'error'
}
2.常用类库
2.1 pinia
npm add pinia
2.2 持久persistedstate
-
地址
-
安装
npm i pinia-plugin-persistedstate
-
将插件添加到 pinia 实例上
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
2.3 prettierrc
3.扩展插件
3.1 ESlint
3.2