nodejs安装、解决下载速度慢、idea中用node引入vue

感谢作者:https://www.jianshu.com/p/13f45e24b1de

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

安装

http://nodejs.cn/download/官网下载对应版本,我本次安装的这个是Windows版本的。下载完成就是这样一个msi文件。
在这里插入图片描述

双击运行,安装,安装流程就不用说了,一路next,过程真的很简单,如果有需求可以自己改正安装路径,我在我的电脑D盘安装,安装完成如图所有。
在这里插入图片描述
还记得我们在安装时有这个Add to PATH,这个是自动帮我们配置环境变量的,安装完成我们去环境变量检查看看,确实如此。
在这里插入图片描述
在这里插入图片描述
到这一步完成,我们的nodejs就安装完成了。可以查看版本。
在这里插入图片描述

配置包路径

默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看

但是有时候我们不想让全局包放在这里,为了便于我们查看我们下载的包资源,我们想放在node的安装目录下。
1、在node安装目录下下新建两个文件夹
node_global 全局包下载存放
node_cache node缓存
在这里插入图片描述
在CMD窗口执行以下两条命令,即可修改这两个路径

npm config set prefix "D:\install\nodejs\node_global"
npm config set cache "D:\install\nodejs\node_cache"

(注意,这里的 “D:\install\nodejs\node_global”、“D:\install\nodejs\node_cache” 要根据自己的安装路径改。)

解决下载速度慢问题

就像我们使用maven下载jar包一样,镜像的不同会导致下载速度很慢,这很让人烦躁。下载资源时老是报一些错误,归根结底就是下载速度慢,网速不好等。例如这个rollbackFailedOptional……
我查了资料,有个很好的办法就是安装 nrm (镜像切换的管理工具包) ,去做镜像的切换,最起码你要先安装一个 nrm 啊,但是是第一次安装nodejs,默认的镜像是外国的,就是很慢喽,所以安装 nrm 也是很慢的,就很不爽,解决不了。
备注一下安装nrm的命令是:npm install nrm -g
于是我又找了找解决办法。
修改npm的资源镜像链接即可解决。

npm config set registry http://registry.npm.taobao.org

此时下载速度快了很多。
在这里插入图片描述
我们之前修改配置的包路径也是起作用的,vue下载在了我的D:\install\nodejs\node_global中了。
在这里插入图片描述
这时我们再去执行npm install nrm -g速度也是很快。太爽了
在这里插入图片描述
在这里插入图片描述

用node引入vue

之前,我们在写前端代码时,如果要引入那个包,需要去对应官网下载其js包,copy到我们的项目中,然后引入才能使用,这样很不优雅,也不好管理我们的包资源,而且使用麻烦,占内存。
能不能想Java中的maven一样,用哪个包就去导入其对应的坐标到pom文件中即可。node就可以解决这个问题。
打开我们的idea工具,创建一个项目,然后在下方打开Terminal,输入npm init -y,帮我们初始化项目,并生成默认的package.json文件,这个文件就像是我们在javamaven中的pom文件。
在这里插入图片描述
输入npm install vue --save命令。下载vue资源到项目。下载成功,在package.json中会自动生成vue的dependency。
在这里插入图片描述
在这里插入图片描述
然后就可以直接引入使用vue了。

<script src="node_modules/vue/dist/vue.js"></script>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要在你的电脑上安装Node.js。Node.js是一个用于构建可扩展网络应用程序的JavaScript运行时环境。 接下来,你可以通过使用Node.js的包管理器npm安装Vue.js框架。请按照以下步骤进行操作: 1. 打开命令行工具(如cmd或终端)。 2. 输入以下命令来检查Node.js是否已经安装成功: ``` node -v ``` 如果成功安装,你会看到Node.js的版本号。 3. 输入以下命令来安装Vue.js: ``` npm install -g @vue/cli ``` 这将会全局安装Vue CLI(Vue.js的命令行工具)。 4. 安装完成后,你可以输入以下命令来创建一个新的Vue项目: ``` vue create 项目名称 ``` 在这个命令中,你需要将"项目名称"替换为你自己想要的项目名称。 5. 在创建项目的过程中,你将会被询问选择创建Vue3还是Vue2的项目。选择Vue3并按回车键继续。 6. 完成项目创建后,你可以通过以下命令进入到项目目录: ``` cd 项目名称 ``` 在这个命令中,你需要将"项目名称"替换为你创建的项目的名称。 7. 输入以下命令来运行Vue项目: ``` npm run serve ``` 这将会启动一个本地开发服务器,并在浏览器中显示你的Vue应用程序。你可以通过访问http://localhost:8080来查看你的应用程序。 总结起来,安装Vue.js需要先安装Node.js,然后使用npm来全局安装Vue CLI,接着创建一个新的Vue项目,并最后通过npm运行该项目。希望对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值