Vue学习笔记:提升开发效率和体验的常用工具
2019-11-23 13:55
1176 查看
Vetur
用途:
- 语法高亮
- 标签补全,模板生成
- Lint检查
- 格式化
- 文件-->首选项-->搜索veture(找不到需要自行安装)-->在setting.json中编辑
- 配置文件代码如下:
{ "extensions.ignoreRecommendations": false, "team.showWelcomeMessage": false, "git.enableSmartCommit": true, "vsicons.dontShowNewVersionMessage": true, "git.autofetch": true, "react.beautify.onSave": true, "files.associations": { "*.js": "javascriptreact" }, "git.confirmSync": false, "explorer.confirmDelete": false, "[markdown]": {}, "eslint.enable": true, "eslint.options": { "extensions": [ ".js", ".jsx", ".vue" ] }, "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], "vetur.validation.template": false, "eslint.autoFixOnSave": true, "editor.tabSize": 2, "jest.autoEnable": false, "jest.pathToConfig": "./.jest.js", "terminal.integrated.rendererType": "dom", "window.zoomLevel": 0, "editor.quickSuggestions": { "strings": true }, "diffEditor.renderSideBySide": true }
vs code快速生成组件的快捷键
- 文件-->首选项-->用户代码片段-->输入框输入vue.json
- 将如下代码复制到文件中
"Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " data () {", " return {", " }", " }", "}", "", "</script>", "", "<style lang='stylus' scoped>", "", "</style>", "" ], "description": "Log output to console" }
ESLint
用途
- 代码规范
- 错误检查
Prettier
- 格式美化
Vue-devtools
chrome插件
- 远程调试
- 性能监测
- 集成vue
相关文章推荐
- linux学习笔记—— 文本编辑(代码开发工具)——vim之常用命令
- 推荐的几个开发常用在线工具,可以提升开发效率(持续更新)
- 转-推荐的几个开发常用在线工具,可以提升开发效率(持续更新)
- 学习笔记(01):IDEA开发工具+Maven使用详解视频课程(适合初学者的教程)-常用设置1...
- 黑马程序员——eclipse开发工具中常用快捷键--提升开发效率
- Silverlight学习笔记二 开发工具集合
- Javascript开发常用脚本学习笔记---Update1
- Cocos2dx 学习笔记30 Cocos开发中性能优化工具(三):Visual Studio内存泄漏检测工具(Visual Leak Detector)
- 20、深入浅出MFC学习笔记,开发流程及工具简介
- Windows驱动开发工具 WDK 学习笔记(1) 分类: windows驱动程序WDM 2013-08-01 11:08 566人阅读 评论(0) 收藏
- IOS征途之C语言-学习IOS开发工具Xcode的笔记与总结
- Android开发学习笔记一选择架构工具
- Windows Phone 7 学习笔记------常用工具(二)
- 提升开发效率之工具篇
- 黑马程序员--Java学习笔记之Web开发—JavaScript常用触发事件总结
- 提升开发效率的十个工具
- 测试驱动开发(tdd)学习笔记 (2) 工具,技术 junit
- JavaSE学习总结第11天_开发工具 & API常用对象1
- python3.4学习笔记(九) Python GUI桌面应用开发工具选择
- 提升开发效率的十个工具