vue-admin-demo

vue-admin-demo

@[TOC]vue-admin-demo创建
day one
1.使用vue-cli3创建项目
先安装vue-cli
安装node npm
全局安装 npm install -g @vue/cli
注意如果你已经安装了2的话需要先卸载
npm uninstall vue-cli -g

*使用命令 vue create 项目名
*可以选择默认配置也可以选择自己配置选项
babel router vuex css预处理器 linter代码规范
*选择完配置后会选择路由模式 这里不使用哈希模式，接着选择scss预处理器（这里随意）
*接着配置如何格式化代码 选择最后一项es + prettier
*倒数第二部选择第一个格式化并保存
*最后一项选择是否使用独立文件第一项In dedicated config file
*最后你可以选择保存这套设置或者不保存，并去一个名称。
项目创建完成

2. 配置文件
*首先在根目录下创建一个配置文件vue.config.js
在这里可以配置端口号，自动打开浏览器或者后期配置跨域proxy的东西

*接着配置一下Eslint
首先下载几个插件 Eslint Vetur prettier - Code formatter

*紧接着去vs code设置里面去配置
设置 - 扩展 - Eslint - edit打开配置文件

“eslint.autoFixOnSave”: true,
“eslint.validate”: [
“javascript”,
“javascriptreact”,
{
“language”: “vue”,
“autoFix”: true
}
],

在文件里添加代码片段,可以帮助点击保存自动格式化代码
接着在eslint.js也要添加一段配置覆盖原有的规则
‘prettier/prettier’: [
‘error’,
{
semi: false, //去掉分号
singleQuote: true, //单引号
printWidth: 160 //换行
}
]

*运行npm run lint就会自动帮你格式化所有文件，后面也会自动保存格式化文件