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

完成

相关推荐
是立不是利13 分钟前
大文件导致请求被拒的连锁反应
开发语言·前端·javascript
志尊宝22 分钟前
Vue3 零基础每日笔记(026):emit 子传父——defineEmits 与事件校验
前端·javascript·html·vue3
风骏时光牛马30 分钟前
6个高频实用技术脚本案例,覆盖运维与办公自动化(可直接复用)
前端
ssshooter44 分钟前
Node.js 天生就是异步的,为什么还要消息队列?
javascript·后端·面试
爱吃红星柚1 小时前
【学习】Elpis 抽离与发布 npm 包
前端·前端框架·node.js
PedroQue991 小时前
0.5.0重磅发布:动画插件+H5体验全面优化
前端·uni-app
金虹桥程序员1 小时前
【动画】 📚 CSS 动画与 GPU 合成层优化全链路指南
前端·面试
程序员老赵1 小时前
Docker 部署填鸭表单完整教程:搭建私有化问卷与表单收集平台
前端·docker·开源
无限压榨切图仔2 小时前
向量库能搜到内容,为什么还不算学会 RAG
前端·agent
mmsx2 小时前
MapLibre 实战 11|用户说"我的地块丢了":一个 sealed class 图层模型,和四个让我重构三版的坑
android·前端·开源