安装Node&修改Node镜像地址&搭建Vue脚手架&创建Vue项目

1、安装VSCode和Node

下载VSCode Visual Studio Code - Code Editing. Redefined

下载Node Node.js (nodejs.org)

检验是否安装成功,Win+R ,输入cmd 命令,使用node -v可以查看到其版本号

2、修改镜像地址

安装好node之后,开始修改镜像地址

复制代码
npm install --location=global --registry=https://registry.npm.taobao.org

如果出现以上报错情况,执行命令(两者二选一,建议使用第二个)

复制代码
npm init -f

或

复制代码
npx nrm use taobao

再执行一次修改镜像地址命令

复制代码
npm install --location=global --registry=https://registry.npm.taobao.org

查看当前的镜像地址

复制代码
npm config get registry

出现npmmirror就是taobao的镜像地址,即修改成功

3、安装脚手架

-g: 全局安装

复制代码
npm install -g @vue/cli

cli 是Command Line Interface的简称,为命令行界面,俗称脚手架

查看vue的版本号

复制代码
vue --version
4、创建项目

在VSCode新建一个文件夹,作为源代码目录,右键选择在集成终端中打开 。在右下部控制台处输入cmd进入dos模式

新建项目

复制代码
vue create 项目名称

选择vue3版本,等待系统初始化完成,出现以下内容即成功

进入刚创建的项目目录

复制代码
cd 项目名称

执行命令

复制代码
npm run serve

执行成功后,到浏览器输入命令窗口中Local 命令或者Network的地址

复制代码
http://localhost:8080
或
http://192.168.43.117:8080

如果出现以下情况

解决方法一

运行命令行窗口,进入项目目录存放位置,再依次执行以下命令,如果还不行,执行方法二

复制代码
vue create 项目名称

cd 项目名称

npm run serve

解决方法二

退出VSCode,右键点击VSCode,选择属性 ,兼容性 ,勾选以管理员身份运行此程序 ,应用

再执行

复制代码
vue create 项目名称

cd 项目名称

npm run serve

完成

相关推荐
智能运维指南10 小时前
研制过程“两张皮“怎么破:研制一体化支撑平台的定位、能力边界与落地前提
java·前端·人工智能·嘉为蓝鲸
白山编程大哥11 小时前
Java 后端如何优雅地把 List 集合返回给前端
java·前端·list
Flynt12 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
Csvn13 小时前
bundle优化
前端
slongzhang_13 小时前
linux 递归删除源码文件|递归删除目录下 *.js,但排除 *.min.js
linux·开发语言·javascript
北冥有鱼13 小时前
发版后动态路由点击报 `Failed to fetch dynamically imported module`」问题上的完整排查与修复过程
前端·vue.js
静默回滚13 小时前
视频压到 25 MB 以内,码率要算、音轨要扣、余量要留
前端
用户372037492601813 小时前
把 10MB 中文语义模型塞进浏览器:STSB 做到教师模型的 93%,但线上 top1 只有 42%
前端
光锥智能14 小时前
海康机器人举行2026移动机器人新品发布会:箱式存拣升级,「明智」系列发布
java·前端·机器人
计算机魔术师14 小时前
Anthropic 上市文件最吓人的一幕,不是亏损 807 亿
前端