初识vue（环境搭建）

已于 2024-01-15 21:16:47 修改
阅读量469 收藏 9
点赞数 11
分类专栏： vue2学习 文章标签： vue.js 前端 javascript
于 2024-01-15 21:12:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LSL91com/article/details/135610349
版权
本文指导如何从官网下载Vue2并引入，同时提供了解决浏览器提示的两种方法：安装Vue.jsdevtools和设置Vue.config.productionTip，确保Vue环境顺利搭建。
摘要由CSDN通过智能技术生成

一、下载vue2

前往官网下载  获取vue.js文件

引入刚刚下载好的开发版vue.js文件

二、去除浏览器提示

安装vue.js devtools即可解决第一个提示

 将Vue.config.productionTip = false写进html文件里即可解决第二个提示

到此为止，vue的环境就已经搭建好了 

檀月初弎
关注
  • 11
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
初识Vue及搭建一个Vue项目详细过程
Young_深情不及里子的博客
03-04 2624
前端新手还不懂如何构建基于Vue框架的前端项目？这一篇文章就能够帮你彻底搞定啦！
1.Vue2使用ElementUI-初识及环境搭建
qq_22321199的专栏
06-07 716
vue2.x-初识及环境搭建
Vue 环境搭建和 Hello world
Errol's Blog
03-22 2355
vue环境搭建和 hello world
Vue初识之框架搭建
大道至简，悟在天成。
06-24 214
一、简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 二、框架搭建 创建之前需要安装 Node.js 和npm yarn 这俩个环境 1.安装 nodejs 命令：yarn global add @vue/cli ...
初识VUE和相关启动环境搭建
CommunicationJava的博客
12-10 434
1、VUE的生命周期 https://www.jianshu.com/p/672e967e201c 2、index.html、main.js、App.vue、index.js之间的关系 https://www.jianshu.com/p/f7566cfbc2da
使用VsCode搭建Vue开发环境
见证自己学习,成长的记录
09-13 1万+
新建文件夹和文件 工作目录叫vue-basic,里面创建一个文件夹叫01-初识vue,然后创建个html文件叫初始vue.html。F12查看控制台 发现多了两个关于vue的提示,就说明引入vue成功了，这两个小提示后面我们会进行关闭，不然开着不舒服。通过官网介绍我们知道，vue是默认开启生产提示的，我们可以修改这个属性为false，这样就能关闭提示。然后我们把控制台的提示进行清除，首先清除第一个，需要去谷歌应用商城安装vue开发者工具。可以发现，不仅名称有区别，大小也是有区别的，开发版本比生产版本大。
Vue：开发环境搭建与初识Vue
maergaiyun的博客
07-28 301
不仅可以从data流向页面，也能从页面表单元素（输入元素）流向data。用在标签的解析（标签属性、标签体内容和绑定事件等）ViewModel（视图模型），Vue实例对象。Model（模型），对应data的数据。通过一个对象代理另一个对象属性的读写。在chrome浏览器中添加扩展程序。安装Vue-devtools。只能从data流向页面。View（视图），模板。.........
vue环境搭建
weixin_30553837的博客
08-08 64
第一个是Node.js， 是javascript运行环境，想用vue.js，没有这个玩意，咋行呢？所以必须先安装。Node.js安装后需要检查是否安装成功：win+R，输入cmd，接着输入node -v检测是否安装成功 第二个是npm，Node.js下的包管理器，就像java中的maven工具，没有这个工具，自己管理包将是一项巨大的任务，为何要跟自己过不去呢？所以必须安装它。npm安装...
初识 Vue脚手架
Alienkp的博客
07-25 543
stylescoped="scoped">或者简写为。data(){return{msg"脚手架写大项目"}}（3）运行npmi@vue/cli-g(安装vue脚手架)package-lock.json插件安装地址缓存（较重要）（1）node官网下载node.js(下载过可以调过这一步)bable.config.jsES6转ES5配置。vue.config.jsvue项目配置文件。----HelloWorld.vue默认组件。jsconfig.jsonjs配置。......
初识 Vue.js 中的 *.Vue文件
11-27
什么是Vue.js？ vue.js是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。...首先，我们用 vue-cli 脚手架搭建的项目，里面我们已经遇到了很多，如 index.vue 或者 App.vue 这一的文
Vue3 - Pinia 状态管理（环境搭建安装及各属性使用教程）详细使用教程
王佳斌
11-30 2862
vue3 状态管理工具 pinia 使用，Vue3状态管理之Pinia的入门使用教程，Pinia使用详解(vue3默认状态管理)，详解Vue3状态管理库Pinia的使用方法，Vue3 使用Pinia状态管理，vue3新一代状态管理器 — pinia的学习与使用，vue3使用pinia管理状态，vue3全家桶之-状态管理器pinia的使用，Vue3中Pinia的基本使用，上手Vue 新的状态管理 Pinia,一篇文章就够了，Pinia 安装和基本使用，pinia环境搭建，pinia 是一个轻量级的状态管理库，
【猿说VUE】初识VUE，带你打开VUE之门
热门推荐
黑白猿的琐碎日常
02-29 2万+
自从近几年前后端分离模式开始后，作为从事后端开发的我，为了跟上时代的步伐，或者能够跟现在的年轻人交流，开始了自学VUE的学习之旅。再次记录学习中的点点滴滴，争取把学习过程中的九九八十一难都记录下来，作为自己学习的一个见证，也是对自己的一个督促。
【Vue教程】02：修仙前的概述：初识VUE
罗忠浩的博客
01-16 1万+
和他人的相遇都是从陌生人开始，相遇便产生了认知，有了认知如果你感兴趣就会去深一步的了解他。 对于一门技术而言也是一样的，当你接触到了Vue.js，有了一些认知，有了兴趣，就会想去学习它，对于Vue.js而言，你要学习它，首先你得知道他是否适合现在的你，然后你得知道他的语法模版，还要知道它有哪些开发方式。 本章主要内容： 一、学习vue之前应该有什么基础 二、vue的模版语法 三、单文件引入vue....
Vue前端路由详解——以Ruoyi框架为案例学习
警警的博客
09-03 1032
Ruoyi框架前端路由通过Vue Router实现，支持静态路由和动态路由的配置，通过路由守卫实现权限控制等需求，采用路由懒加载提高应用性能，并通过路由元信息存储自定义信息。这些特性共同构成了Ruoyi框架前端路由的完整体系，为开发者提供了灵活、强大的路由管理能力。
Vue2 中对数组进行操作时需要注意什么
最新发布
m0_73882020的博客
09-06 450
在 Vue 2 中，对数组进行操作时，关键是确保操作能够被 Vue 的响应式系统检测到。使用 Vue 的响应式 API，如Vue.set或this.$set，可以确保数组的变化会被正确地反映到视图中。此外，避免直接修改数组的length属性或使用数组索引直接赋值，以确保视图的响应性。
在 Vue 中实现跨项目数据传递
世轩的博客
09-03 1389
需要注意的是，跨项目数据传递可能会带来一些安全和数据一致性的问题。在实际应用中，要根据具体情况选择合适的方法，并确保数据的安全性和可靠性。同时，对于敏感数据，应该采取加密等安全措施。
GoFly企业版里的阿里图标如何增加自定义图标到后台
GoFLy开发者的博客
09-04 500
（3）将生成好的图标复制.js文件放到项目index.html文件中。（1）配置 FontClass/Symbol 前缀为：svgfont-（2）配置 Font Family 为 iconfont。在使用位置的组件，返回图标名称。
vue仓库的使用
weixin_58462329的博客
09-02 812
Vue仓库通常指的是使用Vue CLI创建的项目仓库，它包含了项目的所有源代码、配置文件以及依赖项。
Vue环境搭建与项目初始化详解：NPM、Webpack与vue-cli
本文主要介绍了如何在Windows系统上搭建Vue开发环境，并且初始化一个新的Vue项目。首先，我们了解了Node.js及其核心组件npm，它是Node.js平台下的包管理器，用于方便地管理和安装项目所需的第三方模块。npm的主要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值