文章目录
- 浏览器
- VUE-Devtool
- VSCODE
- Color Highlight 把颜色代码用颜色直接标注出来。（实用，必装！）
- koroFileHeader 注释插件
- Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
浏览器
VUE-Devtool
安装教程
可能出现的问题：
解决办法：main.js 加上 Vue.config.devtools = true ，重启项目。
VSCODE
##vConsole 移动端调试工具
vConsole
1.下载需引入一个js文件，下载方法有两种
1）直接去官网下载 地址：https://github/Tencent/vConsole/releases/tag/v3.1.0
2）使用 npm 安装：
npm install vsconsole
2.在页面引入一个js文件,并且申明
1）npm 安装
import VConsole from ‘vconsole/dist/vconsole.min.js’ //import vconsole
let vConsole = new VConsole() // 初始化
2） 直接引入
<head>
<script src="dist/vconsole.min.js"></script>
</head>
<script>
var vConsole = new VConsole();// 初始化
</script>
Color Highlight 把颜色代码用颜色直接标注出来。（实用，必装！）
koroFileHeader 注释插件
在setting.js中配置 配置内容
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
文章目录
- 浏览器
- VUE-Devtool
- VSCODE
- Color Highlight 把颜色代码用颜色直接标注出来。（实用，必装！）
- koroFileHeader 注释插件
- Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
浏览器
VUE-Devtool
安装教程
可能出现的问题：
解决办法：main.js 加上 Vue.config.devtools = true ，重启项目。
VSCODE
##vConsole 移动端调试工具
vConsole
1.下载需引入一个js文件，下载方法有两种
1）直接去官网下载 地址：https://github/Tencent/vConsole/releases/tag/v3.1.0
2）使用 npm 安装：
npm install vsconsole
2.在页面引入一个js文件,并且申明
1）npm 安装
import VConsole from ‘vconsole/dist/vconsole.min.js’ //import vconsole
let vConsole = new VConsole() // 初始化
2） 直接引入
<head>
<script src="dist/vconsole.min.js"></script>
</head>
<script>
var vConsole = new VConsole();// 初始化
</script>
Color Highlight 把颜色代码用颜色直接标注出来。（实用，必装！）
koroFileHeader 注释插件
在setting.js中配置 配置内容