随笔分类 -  Visual Studio Code

解决VUE启动问题（You may use special comments to disable some warnings）
摘要：运行： " npm run dev "报错： 如下图, ““You may use special comments to disable some warnings.”原因：Eslint的检测机制。 两种方法解决方法 一在build/webpack.base.conf.js文件中 注释 掉第43行 阅读全文
posted @ 2021-02-25 15:39 疯子110 阅读(8270) 评论(0) 推荐(0)
vue的开发中v-for报错 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.
摘要：用的VS Code 工具，安装了vetur插件，报错了如下 [eslint-plugin-vue] [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-v 阅读全文
posted @ 2021-02-25 15:34 疯子110 阅读(721) 评论(0) 推荐(0)
VS Code导入已存在的Vue.js工程
摘要：打开vscode >文件 >打开文件夹 >选择工程文件夹 >确定 查看 >终端或者使用“Ctrl+~”调出终端 从终端中输入命令进入程序目录， 输入npm install安装vue插件初始化项目， 完成后执行npm run dev启动项目，就可以在浏览器中打开页面了， 在终端ctrl+c来停止运行。 阅读全文
posted @ 2020-04-03 17:37 疯子110 阅读(931) 评论(0) 推荐(0)
解决 Error：Cannot find module 'chalk'
摘要：如图错误： 解决方法 npm install chalk 阅读全文
posted @ 2020-04-03 16:23 疯子110 阅读(1429) 评论(0) 推荐(0)
vscode如何使用命令面板
摘要：vscode如何使用命令面板 vscode如何使用命令面板 vscode如何使用命令面板 vscode如何使用命令面板 vscode如何使用命令面板 方法/步骤 首先找到vscode。 进入，打开页面。 找到查看。 打开找到命令面板。 选择打开，可以看到命令。 下拉还有多个，以及快捷键。 选中点击， 阅读全文
posted @ 2019-06-04 17:30 疯子110 阅读(10047) 评论(0) 推荐(0)
VSCode - Beautify 插件配置
摘要：1. 在工作目录下建立.jsbeautifyrc文件 官方文档 { "brace_style": "none,preserve-inline", "indent_size": 2, "indent_char": " ", "jslint_happy": true, "unformatted": [" 阅读全文
posted @ 2019-05-31 10:34 疯子110 阅读(3127) 评论(0) 推荐(0)
vscode 配置import @ 路径提示及代码智提
摘要：1、安装插件：Path Intellisense 2、配置： "path-intellisense.mappings": { "@": "${workspaceRoot}/src" } 3、在项目package.json所在同级目录下创建文件jsconfig.json： { "compilerOpt 阅读全文
posted @ 2019-05-31 10:24 疯子110 阅读(7226) 评论(1) 推荐(0)
踩坑：VScode 集成 eslint 插件
摘要：本文以 Vue 官方脚手架 Vue-cli 为例： 1. 创建 Vue 项目 注意：Vue-cli 默认给出了 eslint 配置，一路回车即可。最后在安装模块的时候，选择直接安装！我用淘宝镜像安装时，好像缺少某些东西，一直没有成功！ 2. 安装 VScode 的 eslint 插件 配置： 文件 阅读全文
posted @ 2019-05-31 10:20 疯子110 阅读(2692) 评论(0) 推荐(0)
VSCode配置ESLint
摘要：1、打开终端，运行npm install eslint -g全局下载ESLint。 2、打开VS Code，下载eslint插件，重新加载以生效。 3、进入要使用ESLint的项目，打开终端输入eslint --init进行初始化。 自定义配置 4、设置完成后会在当前目录下生成一个名为.eslint 阅读全文
posted @ 2019-05-31 10:13 疯子110 阅读(1396) 评论(0) 推荐(0)
如何安装Vscode软件及设置成中文界面？
摘要：最新小编开始研究前端，想写点东东玩，要想开始首先就要安装工具，写前端有好几个工具，安装推荐开源的vscode，第一次安装是英文版的，如何修改成中文版，也是很简单的，跟随小编一起来安装设置工具吧。 最新小编开始研究前端，想写点东东玩，要想开始首先就要安装工具，写前端有好几个工具，安装推荐开源的vsco 阅读全文
posted @ 2019-05-31 09:48 疯子110 阅读(1706) 评论(0) 推荐(0)
vscode 插件推荐 - 献给所有前端工程师（2018.4.29更新）
摘要：大家好，我是Moer.VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?在这里，我会给你们推荐很多实用的插件，让你对 vscode 有更深刻的体会，渐渐地你就会知道它有多好用。 走马观花前，请先将你的 vscode 更新到最新版本。 通用插件 HTML Snip 阅读全文
posted @ 2019-05-31 09:18 疯子110 阅读(649) 评论(0) 推荐(0)
1-VScode格式化ESlint-方法（最全最好用方法！）
摘要：ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。 背景： 近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决 阅读全文
posted @ 2019-05-31 08:57 疯子110 阅读(15894) 评论(0) 推荐(0)
vscode-icons插件使用
摘要：1、作用 可以使VScode左侧的资源管理器根据文件类型显示图标 2、下载 3、配置 点击菜单选项：File->Preferences->File Icon Theme 选择VSCode Icons即可，左侧的资源管理器根据文件类型显示如下： 阅读全文
posted @ 2019-05-31 08:49 疯子110 阅读(7017) 评论(0) 推荐(0)
Visual Studio Code 编辑器使用
摘要：image.png 之前一直都是用 sublime text 作为开发工具，用久了自然而然会觉得生活无趣，而且当时用sublime text 装了很多插件，有些插件不能用，于是决定试试微软的新产品 Visual Studio Code 。 1. 开始 在这里界面里你就可以看到一个非常有情怀的快速链接 阅读全文
posted @ 2019-05-30 19:03 疯子110 阅读(950) 评论(0) 推荐(0)