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

欢迎莅临 SUN WU GANG 的园子!!! / 2024-02-21 / 原文

第一步:创建文件夹 并在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> 即可解决