Vue 学习笔记2 -- 开发环境

第一步：创建文件夹 并在VS code 中打开

第二步：创建src目录 + index.html

第三步：https://v2.cn.vuejs.org/v2/guide/installation.html 下载 vue 依赖文件，如下图所示：

 第四步：引入vue.js，如下图所示：

 第五步：运行 + F12 解决如下图问题

 https://v2.cn.vuejs.org/v2/guide/installation.html#Vue-Devtools

方式一：访问上述网站进行安装，点击Vue Devtools  ，即 通过 chrome网上应用商店的方式添加 Vue.js.devtools

方式二：通过设置谷歌浏览器--管理扩展程序方式解决，需提前获取到Vue.js.devtools文件

将谷歌浏览器关小，同时将插件相关文件夹拖动至浏览器，刷新浏览器，警告1 消失

 

问题2：为vuejs引入开发版提示信息，可通过设置属性解决(设置生产模式属性productionTip)

 或者引入： <script type="text/javascript" src="../Js/vue.min.js"></script> 即可解决