目录
一、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)
2、下载过程
第一步:
就一直点击next
选择安装路径,看你自己的想法咯(我选择安装在d盘)
最后安装完成
第二步:
查看Node版本 在dos下 node -v
第三步:
拷贝myapi到本地磁盘 不要放在中文文件夹下
下载nodemon命令 npm install -g nodemon
第四步:
启动服务 nodemon index.js
第五步:
访问地址:http://localhost:3000
下图为运行成功以及报错解决方法,如果还是报模块的错误可以看看下面这篇文章。
Node.js Error: Cannot find module express的解决办法_determine ZandR的博客-CSDN博客
运行成功就是这样的一个界面
二、vite项目的创建(使用的工具是Hbuilder x)
第一步:
打开cmd(在你自己项目文件夹中打开)
npm init vite-app 你自己项目的名字
如果没有报错的话直接到第二步
出现报错
Need to install the following packages:
create-vite-app@1.21.0
运行以下命令
npm i create-vite-app
创键成功
第二步:
打开Hbuilder X,将你创建的文件导入 ,再右击打开终端,下载依赖npm i
第三步:
运行 npm run dev,出现以下界面即运行成功
随便点进去一个,就可以出现下图(并不是所有人都有3个网址,因为我连接了宽带和WiFi)
三、可能出现的报错问题:
1、安装成功之后,开始监视文件,出现如下报错:
Usage: nodemon [nodemon options] [script.js] [args]
See "nodemon --help" for more.
出现这个情况可能是当前你的笔记本系统设置了禁止运行脚本,解决办法是打开你的PowerShell,以管理员的身份运行
输入set-ExecutionPolicy RemoteSigned,回车
输入Y或者A即可。
2、HbuilderX终端显示空白
解决方法:
1、查看是否是最高版本的,如果不是就更新HbuilderX
2、打开HBuilderX\plugins\builtincef3terminal\script下的main.js
将你自己的main.js图中路径改为 C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe
3、看是否在中文路径下(不要是中文路径)
3、'vite' 不是内部或外部命令,也不是可运行的程序 或批处理文件
解决方法:
1、删除 node_modules 文件夹 和 package-lock.json 文件
2、重新运行安装依赖 npm i
3、npm run dev
启动项目
以上就是本人遇到的一些问题,以及解决方法,希望多多指教