Vue02-搭建Vue的开发环境

已于 2024-07-31 16:31:22 修改
阅读量374 收藏
点赞数 2
分类专栏： VUE2 文章标签： vue.js 前端
于 2024-06-05 14:50:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31532983/article/details/139449497
版权

一、Vue.js的安装

1-1、直接用 <script> 引入（CDN）

1、CDN的说明

1-2、本地下载Vue.js引入

1、Vue的版本说明

生产版本是开发版本的压缩。

2、本地Vue的引入

代码中引入下载到本地的Vue.js：

验证是否存在Vue函数：

3、搭建Vue的开发环境

①、下载开发版本的Vue，并在代码中引入

②、安装开发者调试工具

 

③、关闭提示

vue的全局配置：

 

ruleslol
关注
专栏目录
Windows下vue2.X开发环境的搭建
m0_47308942的博客
03-20 197
Windows下vue2.X开发环境的搭建 文章目录Windows下vue2.X开发环境的搭建一、安装node.js二、设置node的全局和缓存路径三、安装cnpm（cnpm 淘宝镜像）四、配置环境变量五、安装vue六、安装vue的脚手架工具七、创建vue项目 一、安装node.js ​ 1、官网地址：https://nodejs.org/ ​ 下载地址：https://npm.taobao.org/mirrors/node/v14.16.0/ ​ 2、想改地址改地址，否则一直next 二、设置node的
【Vue2】搭建Vue开发环境、Hello案例、模板语法、数据绑定
weixin_45895411的博客
03-19 239
本文介绍vue2框架，包含Vue的简介、如何搭建Vue开发环境、Hello案例、模板语法、数据绑定。
十分钟上手-搭建vue开发环境（新手教程）
祈澈菇凉
05-28 1899
想写一些关于vue的文章已经很久了，因为这个框架已经火了很久，在公司里用的框架都比较老旧，但怎么也得跟上前端发展变化的潮流，这不，开始使用vue开发项目了，一遍开发一边踩坑中，今天要记录的是五分钟搭建vue开发环境，运行GitHub上的开源项目。步骤很简单，只是在搭建环境的过程中会遇到各种各样奇怪的报错，十分让人头疼。 1：安装node 端开发框架和环境都...
Vue2 Vite开发环境的搭建
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-17 1995
Vue.js 是一套用于构建用户界面的渐进式框架。与其他框架相比，Vue更加灵活，允许开发者逐步采用它的功能。Vue的核心库专注于视图层，并易于拾取其他库或已有的项目集成。Vite 是一个由Vue作者尤雨溪开发的新型前端构建工具。它通过原生ES模块支持和内联服务端渲染来提供更快的启动速度。相比于Webpack等传统构建工具，Vite在开发阶段提供了几乎瞬时的启动时间和高效的热模块替换（HMR）体验。
vue开发项目详细教程（1、搭建环境篇）
weixin_43973147的博客
09-19 556
（1）Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。 下载安装包安装node，安装教程参考下面网址：https://www.cnblogs.com/zhouyu2017/p/6485265.html (2)安装淘宝npm镜像 由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue. 淘宝的cnpm命令管理工具可以代替...
VUE2项目的搭建
weixin_42017221的博客
02-17 2358
搭建项目时，需要确认电脑上是否有与如何确认电脑上是否存在npm与node呢？按住win+r输入cmd打开命令提示符输入node -v 与-v来确认是否有安装。
Vue2快速入门（一）项目环境搭建、vue基础语法
qq_46033586的博客
02-16 1202
Node.js就是运行在服务端的JavaScriptNode.js的包管理工具，可以下载使用公共仓库的包，类似maven包安装分为本地安装（local）、全局安装（global）两种官网下载。
Vue 01 - 搭建Vue开发环境
m0_53753920的博客
03-29 881
Vue介绍就不多说啦，自行谷歌或者百度吧。接下去会介绍如何搭建Vue开发环境。
vue3-element-admin:vue3-element-admin后台管理系统前端解决方案
04-17
和 -项目开发环境 - 熟悉 es6 基本语法 - 熟悉 vite 特性 - 熟悉 Vue 基础语法 Vue-Router-Next - 熟悉 vue-router@4 基本使用 Element-Plus - ui 基本使用 Mock.js - mockjs 基本语法 安装使用 # 克隆项目 git ...
vue3.0 vue-quill-editor.rar
09-19
Vue CLI 3 是Vue.js的命令行工具，用于快速搭建Vue项目。它简化了项目配置，提供了开箱即用的脚手架，支持热重载、代码分割、预编译模板等功能，大大提高了开发效率。在结合Vue3.0和Vue-Quill-Editor时，可以通过Vue...
管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管.zip
02-25
【标题】"管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管理框架"揭示了这是一个使用特定技术栈构建的后台管理系统。它主要基于Vue.js，利用Vue CLI 4（Vue.js的命令行工具）进行快速...
ruoyi-vue环境搭建
03-28
在本文中，我们将详细探讨如何搭建`ruoyi-vue`开发环境，这是一个基于Vue.js的后台管理系统。首先，我们需要安装一系列的软件组件，包括Maven、DBeaver、JDK、Node.js以及Redis。接下来，我们将逐一介绍这些组件的...
vue2.0---搭建vue的开发环境
赵佳敏的博客
03-05 4275
vue2.0---搭建vue的开发环境一、NPM 使用介绍测试node是否安装完成cnpm介绍安装cnpm如果检测失败出现：***权限问题Powershell 脚本运行的几种权限：二、命令行工具（cli）--脚手架三、安装vue安装四、创建一个vue项目1. 简单版本创建过程2. vue3.0安装3. 完整版本创建 一、NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： （1）允许用户从NPM服务器下载别人编写的第三方包.
window配置Vue2开发环境
weixin_30836759的博客
01-31 117
一、介绍 Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 官网：https://cn.vuejs.org/ 二、准备...
Vue2.x-03使用vue-cli搭建Vue开发环境
热门推荐
小工匠
12-15 1万+
文章目录概述安装npm安装vue-cli建立工程npm i安装脚手架项目的基本支持包npm run dev运行由脚手架构建的基本 Vue.js 程序工程结构 概述 脚手架 vue-cli为我们省去了手工配置开发环境、运行环境和测试环境的步骤，可以让我们直接步入 Vue.js 开发，不过我们需要先搭建下环境，下面开始吧 安装npm npm（node package manager）node的包管理...
搭建 Vue 开发环境
Mjh20180341121的博客
12-09 2559
Vue 开发环境搭建总结
Vue2——VUE简介、VUE开发环境的基本配置
mantou_riji的博客
04-23 548
你好我想试一下可不可以
前端Vue2项目搭建过程
xuemen11的博客
04-25 2457
vue2,vuex,vant组件库
vue-cli搭建开发环境
08-31
要搭建vue-cli的开发环境，你可以按照以下步骤进行操作： 1. 首先，你需要安装vue-cli。可以使用命令`npm i -g @vue/cli`来全局安装vue-cli。[2] 2. 安装完成后，你可以使用命令`vue create 项目名称`来创建一个新的vue项目。比如，使用`vue create gx-app`来创建一个名为gx-app的项目。 3. 进入项目目录，使用命令`cd gx-app`来进入项目目录。 4. 接下来，你可以使用命令`npm run serve`来启动项目。这个命令会在开发模式下启动项目，并自动打开一个本地服务器。 这样，你就成功搭建了vue-cli的开发环境，并可以开始开发你的vue项目了。如果需要安装插件，你可以在扩展商店中搜索相关插件，并按照指示进行安装。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [详解vue-cli3开发Chrome插件实践](https://download.csdn.net/download/weixin_38500607/13621341)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [vue-cli 开发环境的搭建](https://blog.csdn.net/qq_39125684/article/details/90746301)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值