vue环境搭建

已于 2023-04-13 00:34:33 修改
阅读量69 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-04-13 00:31:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwerty499256/article/details/130119965
版权

一、node与脚手架的安装

http://nodejs.cn/download/ //安装node
cmd中查询node 或者 node -v 出现node版本即安装成功

在cmd中输入 npm install -g cnpm -registry=https://registry.npm.taobao.org 来下载淘宝镜像
npm install -g @vue/cli 安装脚手架
安装完成之后输入 vue -V（注意这里是大写的“V”）
vue create 项目名
输入   npm install  来下载关键文件
输入   npm run dev  来开启vue端口

二、使用步骤

代码如下（示例）：

在这里插入图片描述

程序且秃头
关注
VUE环境搭建流程
CSDN_Family的博客
03-24 709
vue3.0创建方法
前端vue环境搭建
waiting971118的博客
11-21 1185
前端vue环境搭建 nodejs 的下载 （1）nodejs 最新版本的下载 nodejs 的下载地址（中文） nodejs的下载地址（英文） (2) nodejs旧版本的下载 （3）下载完成后的安装包 nodejs 的安装 （1）双击安装包之后 （2）install之后静等一段时间，点击finish就可以了 nodejs 的配置 （1）安装完成之后，，.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证。（此电脑 右击 -> 属性 -> 高级系统
前端VUE环境搭建
huox_111111的博客
11-16 1488
cnpm install --save vue-axios-plugin -g //-g:全局安装。cnpm install --save axios vue-axios -g //-g:全局安装。cnpm install axios-retry -g //-g:全局安装。下载网址：http://nodejs.cn/download/安装成功后，执行npm --version查看版本号即成功。官方网址：http://nodejs.cn/-- 在 vue.js 之后引入 -->2. 安装axios。
Vue环境搭建
Button的博客
12-28 1321
vue环境搭建
VUE环境搭建
weixin_48895522的博客
11-21 2309
创建文件夹 （搭建环境） vue create name 第一步这些图片的前一步。 七个图片 第一张图片选择第三个选项 该选项是手动选项 第二张图片选择第1,2,5,6个选项 选择的分别：1是版本:2是es6转es工具 5是路由 6是全局状态管理 第三张图片选择第一个选项 选择的版本 2.x （ps我 :应该是目前选择的版本） 第四张图片 选择Y/n，选择n 第五张图片配置文件 第一个是不同的配置单独一个文件 第二个是放在package.json里面 要选择第二个按回车 （ps我:选择第
vue开发环境搭建
热门推荐
sqf251877543的博客
03-20 1万+
node.js是javaScript脚本语言的运行环境。而npm则是Node.js的包管理工具（node package manager），相当于后台的maven。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。
【Vue】Vue环境搭建
姜太小白的博客
01-24 1万+
一、安装node.js 官网：Download | Node.js 历史版本：Previous Releases | Node.js 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹 npm config set cache "
vue 环境搭建完整版
weixin_40306212的博客
01-03 1303
nvm 可以管理不同的node版本，如果有不同的项目 需要多个版本node，那么nvm 可以使用命令 快速下载和切换这些node
【第1章】Vue环境搭建
zjg
06-11 1049
Vue需要Node环境，开发工具官方推荐的 IDE 配置是 Visual Studio Code + Vue - Official 扩展。。回到顶部nodejs。
Vue环境搭建+VSCode+Win10的详细教程
11-19
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已...
ruoyi-vue环境搭建
03-28
在本文中，我们将详细探讨如何搭建`ruoyi-vue`开发环境，这是一个基于Vue.js的后台管理系统。首先，我们需要安装一系列...在实际开发过程中，可能还需配置数据库连接、调整项目配置等，但基本的环境搭建工作已经完成。
深入解析Javascript中的this指向
最新发布
m0_62652709的博客
11-13 687
this是什么？它的值是如何决定的？为什么在 Vue2 开发中会给this单独定义一个变量？this是动态绑定的，指向取决于调用的上下文。在 Vue2 中，常见的this丢失场景包括回调函数和普通函数。解决方案：使用保存引用。使用箭头函数（推荐）。
Vue 动态组件 :is
racerun的专栏
11-13 147
Vue 动态组件 :is :is="tabComponent" return { tabComponent:"ComponentA" //must be string }
Vue中的常用指令
m0_62388400的博客
11-12 1128
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
vue3+elementplus+虚拟树el-tree-v2+多条件筛选过滤filter-method
KKKKKKD的博客
11-11 332
【代码】vue3+elementplus+虚拟树el-tree-v2+多条件筛选过滤filter-method。
第四十二章 Vue中使用mutations修改Vuex仓库数据
Calvin的博客
11-11 891
在Vue中，明确vuex同样遵循单向数据流，即组件中不能直接修改仓库的数据，我们可以通过 strict: true 可以开启严格模式，防止在组件中非法修改仓库数据。(错误写法)在Vue中，组件想要修改Vuex的数据，可以通过Vue提供的mutations来实现。本章节我们将通过掌握mutations的操作流程，来修改state数据。(state数据的修改只能通过mutations )1.2. mutations修改数据基本步骤。
Vue环境搭建与Webpack配置详解
Vue.js的环境搭建涉及到Webpack、Vue CLI、编辑器的选择以及依赖管理等多个环节。了解并熟练掌握这些步骤，对于高效开发Vue应用至关重要。通过不断学习和实践，开发者可以更流畅地驾驭Vue.js，构建出功能丰富的前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值