node.js下载和vite项目创建以及可能遇到的错误

水深无声 2024-03-27 15:33 36阅读 0赞

**目录**

一、node.js的下载

1、去官网下载 节点.js (nodejs.org)

2、下载过程

第一步：

第二步：

第三步：

第四步：

第五步:

二、vite项目的创建（使用的工具是Hbuilder x）

第一步：

出现报错

Need to install the following packages: create-vite-app@1.21.0

第二步：

第三步：

三、可能出现的报错问题：

1、安装成功之后，开始监视文件，出现如下报错：

Usage: nodemon \[nodemon options\] \[script.js\] \[args\]

See "nodemon --help" for more.编辑

2、HbuilderX终端显示空白

3、'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件

--------------------

## 一、node.js的下载 ##

### 1、去官网下载[ 节点.js (nodejs.org)][_.js _nodejs.org] ###

### 2、下载过程 ###

#### 第一步： ####

就一直点击next

![560231b8b77c4b909bf3e2d7bc97efd5.png][]

![0c58c8578d634f2e92a51a3de63720c0.png][]

![1debddeb4a294424a3e38c6cae12dae2.png][]

选择安装路径，看你自己的想法咯（我选择安装在d盘）

![c4e641e2ab434cb2bceec96894a5b238.png][]

![b9ecbb0b44274844a594cd22a8a4a56e.png][]

![6d4394ff59034171b12fdc63c7b24e20.png][]

![1fa6cf047e5e4ba681643303eb1e3cf7.png][]

![ec2b2297c4a5471e96284adb311db403.png][]

最后安装完成

![532c387c6792471490b0aee749414531.png][]

#### 第二步： ####

查看Node版本 在dos下 node -v

![f5c1bb89867148d8a42cbb219e94bf36.png][]

#### 第三步： ####

拷贝myapi到本地磁盘 不要放在中文文件夹下

下载nodemon命令 npm install -g nodemon

#### 第四步： ####

启动服务 nodemon index.js

#### 第五步: ####

访问地址：http://localhost:3000

下图为运行成功以及报错解决方法，如果还是报模块的错误可以看看下面这篇文章。

[Node.js Error: Cannot find module express的解决办法\_determine ZandR的博客-CSDN博客][Node.js Error_ Cannot find module express_determine ZandR_-CSDN]

![c81ed8f438ab497b95bd46e84219cea9.png][]

运行成功就是这样的一个界面

![fc81fe86cb30426ab2aa3a9d85d29983.png][]

## 二、vite项目的创建（使用的工具是Hbuilder x） ##

### 第一步： ###

打开cmd（在你自己项目文件夹中打开）

npm init vite-app 你自己项目的名字

如果没有报错的话直接到第二步

![c2a68c400d1d4dfcbae2c2bdd5e3c1dc.png][]

#### 出现报错 ####

#### Need to install the following packages:   create-vite-app@1.21.0 ####

运行以下命令

> npm i create-vite-app

![29d6603b082a450fbaee329c366d4603.png][]

创键成功

![60582d367dce4c28805b9e86e8a4ca24.png][]

### 第二步： ###

打开Hbuilder X，将你创建的文件导入 ，再右击打开终端，下载依赖npm i

![1fab054d12d84b51a9f228f1b77189eb.png][]

### 第三步： ###

运行 npm run dev，出现以下界面即运行成功

![f1d95c5cceca453398dc2737ab1f9ba9.png][]

随便点进去一个，就可以出现下图（并不是所有人都有3个网址，因为我连接了宽带和WiFi）

![56c94c9692044dc1ab94fb13dd01f48a.png][]

## 三、可能出现的报错问题： ##

### 1、安装成功之后，开始监视文件，出现如下报错： ###

#### Usage: nodemon \[nodemon options\] \[script.js\] \[args\] ####

#### See "nodemon --help" for more.![b854da7e35ea41d9b7a6416261e51c30.png][] ####

出现这个情况可能是当前你的笔记本系统设置了禁止运行脚本，解决办法是打开你的PowerShell,以管理员的身份运行

输入set-ExecutionPolicy RemoteSigned，回车

![54863e43145143da9e97885e7c76160b.png][]

输入Y或者A即可。

### 2、HbuilderX终端显示空白 ###

解决方法：

1、查看是否是最高版本的，如果不是就更新HbuilderX

2、打开HBuilderX\\plugins\\builtincef3terminal\\script下的main.js

将你自己的main.js图中路径改为 C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe

![967cf2ddcb8a4d008d1ca0ac4114ff1f.png][]

3、看是否在中文路径下（不要是中文路径）

### 3、'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件 ###

解决方法：  
1、删除 node\_modules 文件夹 和 [package][]\-lock.json 文件

2、重新运行安装依赖 npm i

3、`npm run dev`启动项目

以上就是本人遇到的一些问题，以及解决方法，希望多多指教

[_.js _nodejs.org]: https://nodejs.org/en/
[560231b8b77c4b909bf3e2d7bc97efd5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7186c02dc5aa4bb8ae5e5b919b14a0f6.png
[0c58c8578d634f2e92a51a3de63720c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/692979e0f17a4560bc052ae5852812ee.png
[1debddeb4a294424a3e38c6cae12dae2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/dd98a1584ee142f1b03d37f2f294dbd9.png
[c4e641e2ab434cb2bceec96894a5b238.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/faa1a072306d4ef6824b508328aba422.png
[b9ecbb0b44274844a594cd22a8a4a56e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e7ecf65096c140f0b0bd2850158cb901.png
[6d4394ff59034171b12fdc63c7b24e20.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6e1a489f371f4848af2e131cb5a48031.png
[1fa6cf047e5e4ba681643303eb1e3cf7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1dc926514bca49bc8ba78bb50cbafabc.png
[ec2b2297c4a5471e96284adb311db403.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3a0ef1ecf2824b12b5af4a1069665684.png
[532c387c6792471490b0aee749414531.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/842855123f9f406b9c2613c9ac8eef45.png
[f5c1bb89867148d8a42cbb219e94bf36.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6a63a9b5760c4d818c904d3f292b3121.png
[Node.js Error_ Cannot find module express_determine ZandR_-CSDN]: https://blog.csdn.net/weixin_60387745/article/details/125198396?spm=1001.2014.3001.5502
[c81ed8f438ab497b95bd46e84219cea9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9b2df16d1fc24e88ab3b3ef7fcf2ddd5.png
[fc81fe86cb30426ab2aa3a9d85d29983.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7d9f70ca751d42e4873b5777e3fc240f.png
[c2a68c400d1d4dfcbae2c2bdd5e3c1dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/90861b5e414f4f5d9a5bef28ebfca2db.png
[29d6603b082a450fbaee329c366d4603.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/121a2af65e2e4b2bbe1107ccb49cbeeb.png
[60582d367dce4c28805b9e86e8a4ca24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c7d4156e123d496d84544d964ae62c40.png
[1fab054d12d84b51a9f228f1b77189eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6e26b1fb5a534355ab108a2d6f5697dc.png
[f1d95c5cceca453398dc2737ab1f9ba9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/bc3dda0abbc54bb99d0e5a54b5b7a98b.png
[56c94c9692044dc1ab94fb13dd01f48a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/31c5841650ef411181df2c58af0e6ea4.png
[b854da7e35ea41d9b7a6416261e51c30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d5a7c172ba0c4cf18ded154d35a0c385.png
[54863e43145143da9e97885e7c76160b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b02607ae7c5c48d4bea3a711c2d1c77e.png
[967cf2ddcb8a4d008d1ca0ac4114ff1f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/77a699df7ccb4b4cbde3df1f58f6c29c.png
[package]: https://so.csdn.net/so/search?q=package&spm=1001.2101.3001.7020