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>
nodejs安装、解决下载速度慢、idea中用node引入vue相关推荐
- Vue手把手带你入门(一) nodejs安装配置以及vue-cli脚手架创建第一个vue项目(超级详细)
开发Vue程序的第一步就是PC安装配置node.js 1官网下载安装Node(我的安装路径是D:\nodejs\) 点我安装(安装在除C盘外任意一个磁盘中) 2 检查node和npm是否安装完成 下载 ...
- nodejs安装、npm安装
npm是nodejs官方未nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,通过npm可以下载安装nodejs的模块包,nodejs有很多优秀 ...
- 使用NVM安装NodeJS并解决npm下载依赖失效问题(最全流程)
本人因为刚学习react,需要创建项目.下载过react依赖后才发现黑窗口提示我因node版本过低无法创建项目,怎么办呢?我去网上看了很多node升级的文章,大多数说的是重新去官网下载更高版本,我就跟 ...
- nodejs 安装后 npm-v 无效,node全局环境配置
Nodejs安装后使用 npm -v 命令无效果, 解决办法是需要删除C:\Users\{账户}\下的.npmrc文件.... ,注意不是删除安装文件下的.npmrc文件. 安装nodejs后的环境配 ...
- Linux下无法正常安装和删除Nodejs的解决方法
前言 自从买了VPS后就没闲着,总想要充分利用起来倒腾点东西. 于是决定安装nodejs搭建web服务器等,如今nodejs稳定版本已经更新到8.x了,因此我就试着装一下8.x吧,没想到又遇到了坑,一 ...
- 【全栈项目上线(vue+node+mongodb)】06.nodejs服务上线(生产环境前后分离的vue项目中怎么解决跨域问题)...
以下操作使用下面项目为案例 https://github.com/itguide/vnshop ## 启动node服务 克隆好项目后记得把依赖包安装好 npm i 使用 node 启动node服务 c ...
- linux系统宝塔安装nodejs,node安装,nodejs安装,Windows nodejs安装,Linux nodejs安装
node安装,nodejs安装,Windows nodejs安装,Linux nodejs安装 Windows系统: 安装:node-v12.14.0-x86.msi 查看:node -v 返回版本信 ...
- 1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点
目录 前言 一.vue 简介: 1.npm简介 2.cnpm 简介 二.设置node的全局和缓存路径 手动创建node.js的全局和缓存路径目录 Windows命令行配置node.js的全局和缓存路径 ...
- nodejs安装不好_nodejs安装过程中环境变量配置的问题
目前总是不成功,提示module.js:471,抛出错误,无法找到模块之类的. 按照这个链接里给的方法,我查看了下路径.上面的是全局模块的安装路径,下面是全局模块的默认搜索路径. 我尝试把环境变量中用 ...
最新文章
- iOS超全开源框架、项目和学习资料汇总:UI篇
- vue页面绘图_利用vue制作在线涂鸦板
- 重磅!2021年全球高被引科学家名单出炉!
- maven no Maven Dependencies view
- Make uploadify button text support multiple languages(使uploadify的buttonText支持多国语言)
- 标记化结构初始化语法(C语言)
- Boost 库中的实用工具类使用入门
- matlab求借带参数的方程组
- 文献学习(part6)--Clustering ensemble based on sample’s stability
- Unity-多核优化1-C#JobSystem
- Python实战从入门到精通第十一讲——可接受任意数量参数的函数
- Could not find resource——mybatis 找不到映射器xml文件
- python量化回测框架_股票量化交易回测框架pyalgotrade源码阅读(一)
- 如何在 Mac 上使用悬停文本?
- .NET 基础一步步一幕幕[out、ref、params]
- 记录VS在线安装下载慢的解决
- python数据分析项目经验简历-Python开发工程师岗位项目经历怎么写
- 计算机小写换大写函数,excel小写换大写函数的教程
- 用.NET开发MSN聊天机器人
- css 平移到某个位置_CSS3 对象平移translate()translatex()translatey()应用实例,包括水平垂直居中...