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就会自动帮你格式化所有文件,后面也会自动保存格式化文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值