Vue学习笔记

书籍

Vue.js实战 梁灏著

开发工具

HBuilder

Visual Code

　　扩展插件

　　　　  在vscode中点击侧边栏中的扩展按钮，然后在出现的搜索栏中输入@installed即可查看已安装插件。

　　　　HTML Snippets   自动补全代码  VSCode设置自动提示html、vue相关代码

　　　　Vetur 实现代码高亮   参考文档：vscode怎么实现代码的高亮颜色插件

　　　　vue-helper  shenjiaolong(跳转方法、组件、属性等定义)   F12(或者Alt+左键)

　　　　open in browser  在VSCode中设置默认浏览器为Chrome  也可在操作系统中设置浏览器默认应用为Chrome

　　　　Debugger for Chrome  vscode vue项目代码断点调试  需要先使用npm run dev启动项目，再debug？ 配置的url需与启动项目的端口号一致

　　快捷键

　　　　Alt+← 回退代码

　　常用命令

　　　　npm list vue 　　查看vue版本号

　　　　npm run dev

　　　　npm install　　引入依赖

　　常用依赖

　　　　Vue中使用e-icon-picker 图标选择组件(兼容：FontAwesome、iconFont、ElementUI-icon)

Chrome

　　Vue Dev-Tools  Vue在浏览器下的调试工具。 

　　　　离线安装教程   

　　　　解决 Chrome安装Vue Devtools后控制台不显示Vue

　　　　vue-devtools的安装与使用

网上资料

　　b站视频

　　学习网站

学习路径：看书、看Api文档，写Demo，调代码

关键知识点