安装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

完成

相关推荐
To_OC43 分钟前
LC 22 括号生成:刷完这道题,我终于搞懂回溯剪枝了
javascript·算法·leetcode
aaron43 分钟前
前端演进史:当你没留意时,前端发生了什么
前端
小二·1 小时前
Next.js 15 企业级实战:从项目搭建到CI/CD全链路(App Router + Server Components + Turbopack)
javascript·ci/cd·turbopack
不好听6131 小时前
前端路由完全指南(上篇):从原理到 6 种路由模式
前端·react.js
像我这样帅的人丶你还1 小时前
🚀大文件上传的那些事
前端·javascript·架构
不好听6131 小时前
前端路由完全指南(中篇):React Router Hooks 完全指南
前端·react.js
hunterandroid1 小时前
[鸿蒙从零到一] ArkUI 声明式 UI 基础实战
前端
To_OC1 小时前
LC 39 组合总和:回溯入门必刷题,我踩过的两个坑都在这了
javascript·算法·leetcode
七牛开发者1 小时前
RAG 工程里的上下文剪枝:如何减少 68% 的上下文
前端·css·github
橘子星1 小时前
从零理解流式输出 —— 一个 Vue + DeepSeek 的前端实战
前端·javascript·人工智能