使用VsCode搭建Vue开发环境 |
您所在的位置:网站首页 › vscode搭建vue环境 › 使用VsCode搭建Vue开发环境 |
搭建Vue开发环境
有两种安装方式 1 使用script标签、直接下载并用script标签引入,Vue 会被注册为一个全局变量。 这里又分两个版本 我们开发就使用开发版本就够了
把生产版本的也下载下来 可以发现,不仅名称有区别,大小也是有区别的,开发版本比生产版本大
然后新建js文件夹,把下载的js放进去方便一会引用
但是怎么验证是否成功引入vue了呢?打开浏览器 F12查看控制台 发现多了两个关于vue的提示,就说明引入vue成功了,这两个小提示后面我们会进行关闭,不然开着不舒服 而且在控制台输入Vue会出现含有Vue的函数 然后我们把控制台的提示进行清除,首先清除第一个,需要去谷歌应用商城安装vue开发者工具 建议参考我的这篇文章:谷歌浏览器安装vue.js.devtools开发者工具 然后解决第二个警告 想关闭这个警告需要先知道vue.config对象
针对这个问题,我们主要关注这个 productionTip( 生产提示) :true
通过官网介绍我们知道,vue是默认开启生产提示的,我们可以修改这个属性为false,这样就能关闭提示
但是如果使用npm安装vue,往往需要配合使用cli脚手架一起使用,所以我们首先使用第一种方式 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |