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

完成

相关推荐
Mh2 小时前
别再只会 `find` 了:Map 在前端业务里的真实用法
前端·javascript
陈随易2 小时前
FFmpeg 9.0 发布,代号 Lei,音视频处理再升级
前端·后端·程序员
爱丶狸3 小时前
Grafana_Zabbix_ImageRenderer_部署与前端操作手册
linux·前端·zabbix·grafana·kylin
用户059540174466 小时前
把AI对话记忆存储测试从手工改成Playwright+pytest,覆盖率从20%提到96%,回归时间缩短90%
前端·css
kyriewen6 小时前
别再这样写TypeScript了——Code Review中最常见的8个反模式
前端·javascript·typescript
名字还没想好☜6 小时前
Next.js ‘use client‘ 到底加在哪:Server/Client Components 边界与常见报错
开发语言·前端·javascript·react·next.js
午安~婉6 小时前
GitHub Token/ GitHub Stats统计显示图异常
前端·github·vercel·github token
码云之上7 小时前
AI Agent 工程化总览篇:从 Prompt 到 Harness
前端·人工智能
2501_926978337 小时前
以说明书 DNA 为模板——完整 AGI 的结构图景
前端·人工智能·经验分享·笔记·ai写作
IT_陈寒7 小时前
Vite静态资源引用这个坑我踩得有点疼
前端·人工智能·后端