vue 3.x + 环境搭建

最新推荐文章于 2025-11-16 10:11:53 发布
原创 最新推荐文章于 2025-11-16 10:11:53 发布 · 167 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #npm

本文档详细介绍了如何使用 @vue/cli 3.x+ 版本来搭建 Vue 3 的开发环境，包括安装 @vue/cli、检查版本以及解决命令未找到的问题等关键步骤。

vue 3.x + 环境搭建

//安装@vue/cl(3.x+)
npm i -g @vue/cli -g

vue -V 查看版本号
提示 vue不是内部或外部命令,也不是可运行的程序

配置vue 环境
在cmd 中查看 配置信息 npm config list
在这里插入图片描述将红色框中的内容 配置在系统环境中
在这里插入图片描述
查看版本号 vue -V
在这里插入图片描述

3.搭建Vue开发环境
爱米酱的博客
10-09 514
在vue官网Vue.jshttps://cn.vuejs.org/，点击学习->教程 点击安装 然后我们就可以下载对应的vue.js文件的开发版本和生产版本，生产版本去除了调试信息，所以体积相对更小 我们有两种安装vue的方式: 1.就是使用<script>标签引入vue的js 2.使用NPM去安装vue,如果选用这种方式去安装的话，往往都会配合命令行工具一起使用也就是脚手架 我们这里先使用<script>标签去实...
vue3框架搭建
weixin_48022521的博客
01-29 2010
目前预估是这些有部分还没用到就先不写了，等用到了再补充。
① Vue3开发环境搭建
温酒送诗人
12-07 3797
看了很多B战教程有点乱，所以记录下自己入门vue的过程，开发环境搭建和基础知识 然后需要更换下载源为国内的 这个命令会安装和执行 create-vue，它是 Vue 提供的官方脚手架工具。
Vue3环境搭建与项目创建实战指南
最新发布
RubyWolf84的博客
11-16 651
可以快速生成配置好的Vue3项目模板，一键部署省去了复杂的环境配置过程。实际体验发现其内置的Node.js环境已经优化过镜像源，创建项目时自动处理了依赖安装问题，对于想快速验证想法的开发者特别友好。
Vue CLI 3.x开发环境搭建
weixin_34007906的博客
03-06 215
1.介绍Vue CLI目前已经发展到了3.0，本文将介绍如何通过Vue Cli 3.0搭建Vue项目的开发环境。如果你还未接触过Vue Cli，请先配置好Node.js的开发环境，本文默认你已经使用过了Vue Cli 2.0。2.安装打开CMD（命令行工具），输入npm install -g @vue/cli，安装vue cli 3.0，通过vue --version检查vue cli的版本。3....
VUE3环境搭建
evelol7的博客
02-16 1711
最近准备用Vue编写一点前端页面，我在前端一直是个小白，之前用的Vue2写了几个页面，现在已经是VUE3了，重新安装下环境开始。
精选资源
hand-vue3-project:Vue 3.x + Webpack 5.x 手动搭建开发环境
05-26
手动搭建Vue 3.x和Webpack 5.x环境需要一定的前端基础，但这样可以更好地理解项目结构和Webpack配置。理解这些配置可以帮助你在项目中实现更高级的功能，如代码分割、动态导入、优化等。 通过以上步骤，你将拥有一...
uni-app + vue3.x + typescript + @vant_weapp + vite搭建的小程序项目模板
09-18
在当今快速发展的软件开发...这个uni-app + vue3.x + typescript + @vant_weapp + vite搭建的小程序项目模板，集合了当前前端开发的先进技术，提供了一个优秀的起点，让开发者能够在短时间内构建出高质量的小程序应用。
精选资源
仿拼多多团购商城项目实战Vue2.x+Node.js(源码)
01-02
在本项目"仿拼多多团购商城项目实战Vue2.x+Node.js(源码)"中，开发者将体验到一个全面的电商应用开发流程，结合了前端的Vue2.x框架和后端的Node.js技术栈。这个实战项目旨在帮助学习者深入理解和应用相关技术，提升...
基于vite2.x + vue3.x + ant-design-vue3.x + typescript基础后台管理系统模板
07-08
【标题】：“基于vite2.x + vue3.x + ant-design-vue3.x + typescript基础后台管理系统模板” 【描述】：这个项目是一个现代的、高效的基础后台管理系统模板，它结合了最新的前端技术栈，包括vite2.x作为构建工具，...
Vue2.x+Elemtui前端模板工程（直接白嫖，拿来即用）
11-18
在这个"Vue2.x+Elemtui前端模板工程"中，你将找到一个预配置好的开发环境，包括Vue2.x的初始化设置、Element UI的安装和引用，以及可能的一些基本配置和示例代码。这个模板工程让你能够快速启动一个新的前端项目，而...
vue3环境搭建
dadalongfan的博客
08-07 2169
本文介绍了Node.js的基本概念与安装方法，以及Vite构建工具和Vue3工程的创建流程。Node.js是基于Chrome V8引擎的JavaScript运行时环境，支持跨平台开发和高并发处理。Vue框架依赖Node.js环境进行项目构建和依赖管理。安装Node.js后，可使用Vite快速创建Vue3项目，通过命令行完成项目初始化、依赖安装和启动。文章还详细说明了Vite+Vue3项目的目录结构，包括公共资源、源代码、配置文件和入口文件等核心组成部分。整个过程强调了Node.js作为前端开发基础环境的重要
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
热门推荐
逆境清醒的博客
03-19 13万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
Vue3 环境搭建&初步尝试
qq_45909266的博客
03-17 421
*注 : 本篇博客为原创，编辑不易，转载请注明出处 本篇博客已windows为例 首先全局安装vue-cli3.0级以上版本 npm install -g @vue/cli 安装后，用vue-cli快速构建一个Vue项目（项目名随意，这里我用的是：preliminary_attempt_vue3） vue create preliminary_attempt_vue3 如下图所示，选最后一项自定义配置 这里我选的几项默认配置如下图所示 继续往下进行，Vue的版本选3.0，剩下的选项自己酌情而定或者
Vue3环境搭建
weixin_58411448的博客
09-10 1694
Vue环境搭建
1.Vue3环境搭建
wenyeqv的博客
06-02 828
Vue3源码打包流程
vue 3 开发环境搭建
elvee的专栏
07-16 2927
vue 3 安装步骤
Vue3学习（一）环境搭建
01-20 301
特殊情况： 新版本的Node.js需要Win10 或Windows Server2012以，我这里安装的是Windows Server2019 1.安装Node.js 2.设置npm 源 3.安装Vue-cli 1.安装Node.js 官方下载后，一路Next！ 网址：https://nodejs.org/zh-cn/ 2.设置npm源 npm config set registryhttps://registry.npm.taobao.org 查看是否设置成功 np...
Vue3入门0：环境搭建
Mrlonely思考笔记
07-26 558
Vue3入门：环境搭建 在Vue3Beta测试阶段，想体验下Vue3新语法，尝试自己写demo，可通过这种方式搭建。 1.通过命令行安装Vue CLI。 npm install -g @vue/cli 版本过低可能不行，请安装最新版本 2.在合适的目录使用命令行 vue create xxxxx来新建项目 vue create hello-world 3.在新创建好的项目目录使用命令行 vue add vue-next 完成vue3环境搭建 vue add vue-next 4.可通过package.
Vite 2.x + Vue 3.x + Tailwind 2.x 开发环境搭建指南
资源摘要信息:"Vitest是一个使用Vite 2.x作为开发服务器，Vue 3.x作为前端框架以及Tailwind 2.x作为UI工具库的项目模板。这个模板是为开发者快速搭建项目而设计的，提供了一个具有高电压的起点。它支持Vue 3.x的响应...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

田十一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值