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

这篇具有很好参考价值的文章主要介绍了node.js下载和vite项目创建以及可能遇到的错误。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、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  

need to install the following packages,fontEnd,node.js,前端,javascript

need to install the following packages,fontEnd,node.js,前端,javascript

need to install the following packages,fontEnd,node.js,前端,javascript

选择安装路径,看你自己的想法咯(我选择安装在d盘)

 

need to install the following packages,fontEnd,node.js,前端,javascript

 

need to install the following packages,fontEnd,node.js,前端,javascript

 need to install the following packages,fontEnd,node.js,前端,javascript

 need to install the following packages,fontEnd,node.js,前端,javascript

 need to install the following packages,fontEnd,node.js,前端,javascript

 最后安装完成

need to install the following packages,fontEnd,node.js,前端,javascript

第二步:

查看Node版本  在dos下    node -v

need to install the following packages,fontEnd,node.js,前端,javascript

第三步:

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

下载nodemon命令   npm install -g nodemon

第四步:

启动服务 nodemon index.js

第五步:

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

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

Node.js Error: Cannot find module express的解决办法_determine ZandR的博客-CSDN博客

need to install the following packages,fontEnd,node.js,前端,javascript

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

need to install the following packages,fontEnd,node.js,前端,javascript

二、vite项目的创建(使用的工具是Hbuilder x)

第一步:

打开cmd(在你自己项目文件夹中打开)

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

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

need to install the following packages,fontEnd,node.js,前端,javascript

 出现报错

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

运行以下命令

npm i create-vite-app

need to install the following packages,fontEnd,node.js,前端,javascript

 

创键成功

need to install the following packages,fontEnd,node.js,前端,javascript

 第二步:

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

need to install the following packages,fontEnd,node.js,前端,javascript

第三步:

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

need to install the following packages,fontEnd,node.js,前端,javascript

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

need to install the following packages,fontEnd,node.js,前端,javascript

 

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

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

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

  See "nodemon --help" for more.need to install the following packages,fontEnd,node.js,前端,javascript

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

输入set-ExecutionPolicy RemoteSigned,回车

need to install the following packages,fontEnd,node.js,前端,javascript

 输入Y或者A即可。

2、HbuilderX终端显示空白

解决方法:

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

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

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

need to install the following packages,fontEnd,node.js,前端,javascript

3、看是否在中文路径下(不要是中文路径)

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

解决方法:
1、删除 node_modules 文件夹 和 package-lock.json 文件

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

3、npm run dev 启动项目

以上就是本人遇到的一些问题,以及解决方法,希望多多指教文章来源地址https://www.toymoban.com/news/detail-774328.html

到了这里,关于node.js下载和vite项目创建以及可能遇到的错误的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端系列:Centos7安装node.js以及遇到的各种问题

    自己买了一个腾讯云轻量应用服务器,第一个项目跟随github部署了一个小网站。本文记录安装node.js的过程(安装时遇到了一些坑,折腾了好久。。) 我最后安装的方法是使用源代码安装,想看这个方法的直接看最后一部分! 前期使用的方法都没有成功。 我的平台:腾讯云

    2024年02月20日
    浏览(39)
  • vue3创建项目,vite+js

    之前的时候大哥就让我自己搭架子,但是我拖延症,现在用到了,得自己搭了 我的项目都放到了 VuePorjects这个目录里面, 一、先进入到指定工作目录,(不是你要创建的项目的名称哈) 二、创建vue3项目,安装创建项目  @latest是项目名称,可以自己修改项目名称,然后选择

    2024年02月16日
    浏览(57)
  • Vue+vite创建项目关于vite.config.js文件的配置

    Vue项目创建时,我们见过vue-cli 创建项目和webpack 创建项目等方式。 现在Vue 3版本使用npm/pnpm create vue@latest 创建项目,是搭配使用vite工具构建的。 创建完成的项目,最明显的去别就是,项目配置文件命名不同,当然,配置语法也有不同。 vue-cli 创建的项目,项目配置文件文件

    2024年02月12日
    浏览(49)
  • Node.js下载安装以及环境配置教程

    Node.js (nodejs.org) 下载完成后,双击安装包,开始安装Node.js,一直点击next安装即可。也可根据自身需求更改。 测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口,输入下面代码测试。             成功显示版本说明安装成功。 (1)找到安装的目录,在安装目录下新

    2024年02月11日
    浏览(49)
  • npm 创建 node.js 项目

    package.json重要说明 package.json是创建任何node.js项目必须要有的一个文件。 因为在package.json文件中,有详细的项目描述, 包括: (1)项目名称:name (2)版本:version (3)依赖文件:dependencies 等等.. 1. 创建node.js项目步骤 (1) 创建package.json文件 (2) 运行npm install 创建node_modules这个文件夹

    2024年02月11日
    浏览(47)
  • Node.js安装与Vue项目的创建

    node.js – js运行平台和工具库 npm – node.js中的一个开发工具, 作用类似于maven, 管理项目的依赖 创建时要注意当前所在的目录是不是你想要存放工程的目录

    2024年02月12日
    浏览(89)
  • 12.JavaWeb-Node.js+创建Vue项目

            传统的Web服务器中,每个请求都会创建一个线程,这会导致线程数的增加,从而影响服务器的性能和扩展性,Ryan Dahl借助Chrome的V8引擎提供的能力实现了Node.js——可以在服务端运行的JavaScript(可以把Node.js简单的看成JavaScript写的tomcat)         进一步实现前后端分离

    2024年02月12日
    浏览(64)
  • 在 VScode 终端上创建 nuxtjs 项目遇到的问题以及使用 GitHub 遇到的问题和一些个人笔记

    这篇文章是关于在vscode终端中创建 nuxtjs项目 的一些步骤,同时还包括了使用 Git、GitHub 的一些操作,以此文章作为笔记,仅供参考。(前提:已经安装nodejs、git) 关于nuxtjs、ssr、服务端渲染、nuxtjs项目结构等等相关知识点这篇文章就不多多介绍了,在后续的文章或笔记中也

    2024年02月09日
    浏览(59)
  • 空文件夹删不掉打不开,“该项目不存在请确认该项目位置“,“项目正在打开中无法删除“,“文件已损坏或者已经被移动删除“(多种方法图文详解,细节需要注意,以及可能遇到的问题)

    这个删不掉的文件或文件夹其实是Windows系统的祖传bug到目前为止依然没有修复,所以说我们需要通过特别的手段来处理它,听我慢慢讲他的缘由可能会对解决这个问题的帮助更多,会有几种方法,我都试过了的,我把最后一种成功的放在第一个讲,没有成功的可以参考。 事情缘由因

    2024年02月06日
    浏览(72)
  • 从零开始创建一个vue3+vite项目并集成element-plus、eslint以及prettier

    项目git地址, 欢迎修改提交,不足地方还请补充批评指正! 项目git地址 ESLint 是一个用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具,其目标是使代码更加一致并避免错误。 ESLint 是完全插件化的。每条规则都是一个插件,你可以在运行时添加更多。你还可以添

    2024年04月09日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包