Vue插件有很多 小弟推荐几个插件供大家参考
还有在谷歌浏览器上插件 - 学习, 调试vue必备之利器 - 官方提供的呦
学习vue, 用更少的时间干更多的活， vue脚手架是一个开箱即用 0配置 渐进式开发环境
首先我们来安装脚手架全局包：终端运行 yarn global add @vue/cli或 npm install -g @vue/cli
查看Vue命令版本 终端运行vue -V
关于脚手架项目创建：
1创建项目名不能带大写字母, 中文和特殊符号：vue和create是命令, vuecli-demo是自己的文件夹名 vue create vuecli-demo
2选择模板，可以上下箭头选择, 回车确定, 弄错了ctrl+c从第1步来
3 选择包管理器 4 等待下载脚手架项目, 需要的依赖包 5 终端切换脚手架项目下, 启动内置的==webpack热更新开发服务器==（cd vuecil-demo
yarn serve
或 npm run serve） 6 只要看到绿色的 - 啊. 你成功了 7开心的 - 浏览器中 - 输入上述地址
脚手架-目录分析
主要文件含义
脚手架-代码和结构分析
main.js和App.vue以及index.html作用和关系总结： 1 main.js 项目打包入口 -Vue初始化 2 App.vue - Vue 页面入口 3 index.html - 浏览器运行文件 4 App.vue => main.js => index.html
脚手架-自定义配置
src并列处, 新建vue.config.js /* 覆盖webpack的配置 */ module.exports = { devServer: { // 自定义服务配置 open: true, // 自动打开浏览器 port: 3000//修改端口 } }
脚手架-eslint了解
脚手架内置代码检查工具, 什么是eslint。暂时关闭eslint检查(因为现在主要精力在学习Vue语法上), 在vue.config.js中配置后重启服务 module.exports = { lintOnSave:false//关闭eslint检查 }
脚手架-清理欢迎界面
清理欢迎页面, 写我们自己代码
1src/App.vue默认有很多内容, 可以全部删除留下框2assets 和 components 文件夹下的一切删除掉 (不要logo和HelloWorld页面)
Vue一些基本的语法 小弟给他家总结了一点点可以看看哦：
1：v-bind 动态属性 v-bind：属性名=“vue变量” 简写为 ：属性名=“vue变量”
2：v-on:事件名= 'methods中的函数名(实参)' 绑定事件时 ( )表示传参
简写为 @事件名= “methods中的函数名（实参）”
阻止默认行为 阻止冒泡 e.preventDefault( ) e.stopPropagation( ) @事件名.修饰符=' methods里函数 ' .stop .prevent
键盘修饰符 @keyup.enter:监测回车按键 @keyup.esc:监测返回按键 ( 在main.js中 使用 Vue.config.keyCode.f1=112 自定义 )
3：v-model 双向绑定 value和Vue数据 双向绑定到一起 v-model="Vue数据变量" （v-bind） :value 单项数据绑定 用户修改 数据不会变 v-model="Vue数据变量" 可以省略掉value值 因为双向绑定了 复选框组合使用时，也是v-model与value一起，多个勾选都绑定到同一数组类型的数据，value的值在数组当中，就会选中这一项
v-model修饰符 .number .trim .lazy 在change时 触发 而非input时
（如果是复选框checkbox 注意 1：当v-model对应字符串的时候(比如：picked:’ '),会解析字符串为布尔值，
v-model对应有值或者是true，checkbox都会被选中。2：当多个复选框组合使用时，如果picked:’’->绑定字符串，一旦checked有值，
或者为true，全部的复选框都会被选中）
4： 这两个语法 都可以在当前标签中 插入内容 v-text 不会识别字符串标签 v-html='str' 识别字符串标签 会覆盖标签里的插值表达式{{vue变量}}
5：v-show和 v-if 显示隐藏 v-show='vue变量' 里面为true显示false隐藏 原理是 display:none v-if 配合 v-else 原理是 直接从DOM树上移除 v-show较大的初始渲染开销 v-if使用较多
6：
v-for=' (变量值，索引变量) in 目标结构 ' :key=“固定值” 写在什么标签上就循环什么标签
这里有点杂乱，给大家添麻烦了哦，以后肯定会有所改进 ，不过相信这些简单的语法大家肯定早就掌握了，溜了溜了。
