IDEA打开一个node项目

时间:2024-03-29 08:55:01

我写这篇文章主要是记录我使用IDEA的npm的过程,文章中的方法不适用于一般情况或初次使用的情况,前置条件是:

①Windows系统的电脑;②电脑上已安装Node.js(但未配置);③IDEA已安装nodejs插件;④IDEA已经有写好的npm项目;⑤如果项目里已经有了node-modules文件夹则必须删除

只为出现与我相同情况的读者提供一个解决问题的思路,所以不建议新人阅读,也由于本人经验有限,文章不足,多多包涵

 

检验Node.js是否安装成功

开始菜单下的搜索框中输入cmd,以管理员身份运行命令提示符

IDEA打开一个node项目

 

首先输入node -v

检验Node.js是否安装成功,当下方出现Node.js的版本号时,就说明安装成功了

IDEA打开一个node项目

 

 

安装cnpm

npm一些资源会因为一些原因被屏蔽,会出现用npm安装依赖包失败的情况,为了保险起见,需要安装npm的国内镜像——cnpm,安装cnpm后就可以用cnpm代替npm来安装

在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org

IDEA打开一个node项目

 

 

安装vue-cli脚手架构件工具

输入cnpm install -g vue-cli

如果已经安装过,这一步它会先删除之前版本,再重新进行安装

IDEA打开一个node项目

 

 

构建项目

我这个项目是放在E盘的,所以需要到E盘的目录下进行操作

IDEA打开一个node项目

 

在项目的目录下依次输入

cnpm install --ignore-scripts

cnpm install

 

IDEA方面的修改

点击Add Configuration..添加配置

IDEA打开一个node项目

 

点击这个加号

IDEA打开一个node项目

 

选择npm

IDEA打开一个node项目

 

填写相关信息,未标注出来的部分一般默认

IDEA打开一个node项目

 

填写完成后应用,然后OK

接着运行

IDEA打开一个node项目

 

在下方编译结束后,会自动跳出来网页

有人应该会有疑惑“我连node.js是一个什么工作原理都不知道,也不知道node程序怎么写,怎么按你的文章配置一下就能run一个程序?”

所以说我的方法不适合一般情况,请各位读者谨慎阅读。