使用Vite创建VUE项目的一些记录和踩坑

目录

1、进Nodejs官网下载（大概率需要科学上网）

2、配置环境变量

踩坑1：npm -v 查看npm的版本（命令行空内容直接跳过）

解决方案

3、创建VUE项目

踩坑2：npm install慢

解决方案：换源

1、进Nodejs官网下载（大概率需要科学上网）

要想使用Vite创建VUE项目，第一步需要下载Nodejs：http://nodejs.org/

 选择推荐的持续维护版，一路安装（过程略）

站内很多详细教程：

node.js安装及环境配置超详细教程【Windows系统安装包方式】_明金同学的博客-CSDN博客_nodejs安装及环境配置简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。https://blog.csdn.net/weixin_44893902/article/details/121788104?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166260380416782428630793%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=166260380416782428630793&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-121788104-null-null.142%5Ev47%5Epc_rank_34_1,201%5Ev3%5Eadd_ask&utm_term=nodejs%E5%AE%89%E8%A3%85%E5%8F%8A%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE&spm=1018.2226.3001.4187

2、配置环境变量

跟着教程配置完成之后，测试一下：

踩坑1：

node -v 查看node的版本 （没问题）
npm -v 查看npm的版本(新版的node安装自带安装npm) （命令行空内容直接跳过）

解决方案：

无论你安装时更换的路径是哪个盘，请进入C:\Users\[你的电脑账户名] 或C:\用户\[你的电脑账户名]

删除其中的 .npmrc文件即可

再次查看成功：

3、创建VUE项目

在VS Code的终端中输入：

> npm init vite@latest vue01_test //vue01_test是自定义的项目名称
> cd vue01_test
> npm install
> npm run dev

踩坑2：

npm install安装失败

解决方案：换源

1、用set命令换成阿里的镜像源:

 npm config set registry https://registry.npm.taobao.org

2、可用 get命令查看registry是否修改成功：

 npm config get registry

3、再执行命令 npm install

再次查看成功：

启动成功后，点进给出的Local的链接，出现界面大功告成，可以开始你的编程之路了！