我写这篇文章主要是记录我使用IDEA的npm的过程,文章中的方法不适用于一般情况或初次使用的情况,前置条件是:
①Windows系统的电脑;②电脑上已安装Node.js(但未配置);③IDEA已安装nodejs插件;④IDEA已经有写好的npm项目;⑤如果项目里已经有了node-modules文件夹则必须删除
只为出现与我相同情况的读者提供一个解决问题的思路,所以不建议新人阅读,也由于本人经验有限,文章不足,多多包涵
检验Node.js是否安装成功
开始菜单下的搜索框中输入cmd,以管理员身份运行命令提示符
首先输入node -v
检验Node.js是否安装成功,当下方出现Node.js的版本号时,就说明安装成功了
安装cnpm
npm一些资源会因为一些原因被屏蔽,会出现用npm安装依赖包失败的情况,为了保险起见,需要安装npm的国内镜像——cnpm,安装cnpm后就可以用cnpm代替npm来安装
在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
安装vue-cli脚手架构件工具
输入cnpm install -g vue-cli
如果已经安装过,这一步它会先删除之前版本,再重新进行安装
构建项目
我这个项目是放在E盘的,所以需要到E盘的目录下进行操作
在项目的目录下依次输入
cnpm install --ignore-scripts
和
cnpm install
IDEA方面的修改
点击Add Configuration..添加配置
点击这个加号
选择npm
填写相关信息,未标注出来的部分一般默认
填写完成后应用,然后OK
接着运行
在下方编译结束后,会自动跳出来网页
有人应该会有疑惑“我连node.js是一个什么工作原理都不知道,也不知道node程序怎么写,怎么按你的文章配置一下就能run一个程序?”
所以说我的方法不适合一般情况,请各位读者谨慎阅读。