感谢作者: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>

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

  1. Vue手把手带你入门(一) nodejs安装配置以及vue-cli脚手架创建第一个vue项目(超级详细)

    开发Vue程序的第一步就是PC安装配置node.js 1官网下载安装Node(我的安装路径是D:\nodejs\) 点我安装(安装在除C盘外任意一个磁盘中) 2 检查node和npm是否安装完成 下载 ...

  2. nodejs安装、npm安装

    npm是nodejs官方未nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,通过npm可以下载安装nodejs的模块包,nodejs有很多优秀 ...

  3. 使用NVM安装NodeJS并解决npm下载依赖失效问题(最全流程)

    本人因为刚学习react,需要创建项目.下载过react依赖后才发现黑窗口提示我因node版本过低无法创建项目,怎么办呢?我去网上看了很多node升级的文章,大多数说的是重新去官网下载更高版本,我就跟 ...

  4. nodejs 安装后 npm-v 无效,node全局环境配置

    Nodejs安装后使用 npm -v 命令无效果, 解决办法是需要删除C:\Users\{账户}\下的.npmrc文件.... ,注意不是删除安装文件下的.npmrc文件. 安装nodejs后的环境配 ...

  5. Linux下无法正常安装和删除Nodejs的解决方法

    前言 自从买了VPS后就没闲着,总想要充分利用起来倒腾点东西. 于是决定安装nodejs搭建web服务器等,如今nodejs稳定版本已经更新到8.x了,因此我就试着装一下8.x吧,没想到又遇到了坑,一 ...

  6. 【全栈项目上线(vue+node+mongodb)】06.nodejs服务上线(生产环境前后分离的vue项目中怎么解决跨域问题)...

    以下操作使用下面项目为案例 https://github.com/itguide/vnshop ## 启动node服务 克隆好项目后记得把依赖包安装好 npm i 使用 node 启动node服务 c ...

  7. linux系统宝塔安装nodejs,node安装,nodejs安装,Windows nodejs安装,Linux nodejs安装

    node安装,nodejs安装,Windows nodejs安装,Linux nodejs安装 Windows系统: 安装:node-v12.14.0-x86.msi 查看:node -v 返回版本信 ...

  8. 1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点

    目录 前言 一.vue 简介: 1.npm简介 2.cnpm 简介 二.设置node的全局和缓存路径 手动创建node.js的全局和缓存路径目录 Windows命令行配置node.js的全局和缓存路径 ...

  9. nodejs安装不好_nodejs安装过程中环境变量配置的问题

    目前总是不成功,提示module.js:471,抛出错误,无法找到模块之类的. 按照这个链接里给的方法,我查看了下路径.上面的是全局模块的安装路径,下面是全局模块的默认搜索路径. 我尝试把环境变量中用 ...

最新文章

  1. iOS超全开源框架、项目和学习资料汇总:UI篇
  2. vue页面绘图_利用vue制作在线涂鸦板
  3. 重磅!2021年全球高被引科学家名单出炉!
  4. maven no Maven Dependencies view
  5. Make uploadify button text support multiple languages(使uploadify的buttonText支持多国语言)
  6. 标记化结构初始化语法(C语言)
  7. Boost 库中的实用工具类使用入门
  8. matlab求借带参数的方程组
  9. 文献学习(part6)--Clustering ensemble based on sample’s stability
  10. Unity-多核优化1-C#JobSystem
  11. Python实战从入门到精通第十一讲——可接受任意数量参数的函数
  12. Could not find resource——mybatis 找不到映射器xml文件
  13. python量化回测框架_股票量化交易回测框架pyalgotrade源码阅读(一)
  14. 如何在 Mac 上使用悬停文本?
  15. .NET 基础一步步一幕幕[out、ref、params]
  16. 记录VS在线安装下载慢的解决
  17. python数据分析项目经验简历-Python开发工程师岗位项目经历怎么写
  18. 计算机小写换大写函数,excel小写换大写函数的教程
  19. 用.NET开发MSN聊天机器人
  20. css 平移到某个位置_CSS3 对象平移translate()translatex()translatey()应用实例,包括水平垂直居中...

热门文章

  1. java调用银海社保接口,银海医保接口调用演示程序
  2. MySQL开启ssl证书
  3. 前端安全跨站脚本攻击
  4. IT运维管理的服务内容包括哪些
  5. IT运维服务的主要内容
  6. 覃小龙34岁生日记:结合趋势,发挥优势,方能百战不殆
  7. 倚天屠龙记君临天下_战斗系统
  8. vue3 setup语法糖下父组件调用子组件的方法
  9. 计算机网络安全漫画图片,安全教育漫画图片
  10. java 基本语法