npm 配置

经验积累的过程:学习,实践,自我检验,再学习,再实践,融会贯通。

随着前端生态圈的扩大,新技术日新月异,层出不穷,作为一名前端雏鸟,要快速融入高速发展的生态中,必须具备明确的学习方向和方法。找对方向,就是落实规划职业发展方向;

#1、NodeJS简介


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

#2、NodeJS安装


    官方下载msi安装包,如:node-v7.9.0-x64.msi

    MSI(Microsoft installer)文件是Windows installer的数据包,它实际上是一个数据库,包含安装一种产品所需要的信息和在很多安装情形下安装(和卸载)程序所需的指令和数据。MSI文件将程序的组成文件与功能关联起来。此外,它还包含有关安装过程本身的信息:如安装序列、目标文件夹路径、系统依赖项、安装选项和控制安装过程的属性。(源自百度百科)

    双击执行安装,路径可自定义,如:D:\develop\nodejs

    检验是否安装成功:win+r,输入cmd回车,进入Windows命令窗口,输入node -v,出现版本信息即安装成功

#3、NPM简介

    NPM,Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。

#4、NPM安装

执行node包msi安装成功后,npm已经集成在node包中并一并安装
检验是否安装成功:win+r,输入cmd回车,进入Windows命令窗口,输入npm -v,出现版本信息即安装成功

#5、NPM配置

    在node主目录下配置 全局模块 
	安装路径:npm config set prefix D:\develop\nodejs\node_global

    在node主目录下配置 cache缓存 
	路径:npm config set cache D:\develop\nodejs\node_cache
	配置 全局模块 环境变量:我的电脑-属性-高级系统设置-高级-环境变量,进入环境变量对话框。

    ①:在系统变量下新建"NODE_PATH",“D:\develop\nodejs\node_global\node_modules\”,这种方法用来指定NODE_PATH环境变量,并且用 ; 分割多个不同的目录(引申:NODE_PATH 是 NODE 中用来 寻找模块所提供的路径注册环境变量 ,NODE_PATH 实现 多个项目 模块复用 的最佳实践方案。node 的包加载机制,从项目的根位置递归搜寻  node_modules 目录,直到文件系统根目录的  node_modules ,如果还没有查找到指定模块的话,就会去 NODE_PATH中注册的路径中查找 。基于 nodejs 的包加载路径搜索算法,我们可以 采用全局安装的方式,将我们的包安装到全局,这样,多个项目可以共享全局中的依赖包。)

    检查 NODE_PATH 是否配置成功:win+r,输入cmd回车,进入Windows命令窗口,执行npm install express -g,安装express模块成功后,输入node,进入node的REPL环境,输入require('express'),如果出现express模块相关信息即配置成功

    ②:在用户变量"PATH"末尾追加,“D:\develop\nodejs\node_global\”(引申:操作系统 PATH 环境变量作用,当系统调用一个命令的时候,就会在PATH变量中注册的路径中寻找,如果注册的路径中有就调用,否则提示命令没找到,“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”,原因是没有配环境变量PATH)

    检查 PATH 是否配置成功:win+r,输入cmd回车,进入Windows命令窗口,对于已经安装成功的模块,执行相应的命令,如:npm、cnpm、vue、webpack,出现相关输出信息即配置成功

    重置npm模块的注册、管理、发布地址为cnpm:

    npm install cnpm -g(引申:cnpmjs.org: Private npm registry and web for Company,cnpm是一个网站,同时cnpm也是一个命令行工具,面向企业级的私有npm包的注册地、管理、发布)

    重置模块的镜像地址:

    修改npm包管理器的registry为淘宝镜像,npm config set registry https://registry.npm.taobao.org(官方地址为registry.npmjs.org)
    重置设置代理:npm config set proxy http://server:port
	```

转载于:https://my.oschina.net/u/3148025/blog/2050366

### 配置 NPM 或解决 NPM 配置相关问题 NPM 是 Node.js 的包管理工具,用于安装、管理和更新 JavaScript 库和依赖项。以下是关于如何配置 NPM 和解决常见配置问题的详细说明。 #### 更新到最新版本 为了确保使用的是最新的功能和支持的安全补丁,建议定期升级 NPM 到最新版本。可以通过运行以下命令完成此操作: ```bash npm install -g npm ``` 这一步骤可以确保全局环境中的 NPM 版本是最新的[^1]。 #### 构建前端资源 如果项目涉及前端构建流程(例如 React、Vue 等),通常需要通过特定命令生成静态资产文件。例如,在基于 Webpack 或 Vite 的项目中,执行如下命令可触发构建过程: ```bash npm run build ``` 该命令会依据项目的 `package.json` 文件定义的任务脚本来编译前端代码并将其放置于指定目录下[^2]。 #### 修改 Metro 配置以支持 Reanimated 功能 对于某些框架(如 React Native),可能需要调整默认的打包器设置来启用额外的功能模块。比如集成 `react-native-reanimated` 插件时,需修改现有的 Metro 配置文件 (`metro.config.js`) 并包裹其原始选项至专用函数内: ```javascript // metro.config.js const { wrapWithReanimatedMetroConfig } = require('react-native-reanimated/metro-config'); const baseConfig = { // 原始 Metro 配置参数... }; module.exports = wrapWithReanimatedMetroConfig(baseConfig); ``` 这样做的目的是让插件能够正确加载所需的自定义行为逻辑[^3]。 #### 编译 YouCompleteMe 插件而不带语义分析支持 当开发环境中需要用到 Vim 的自动补全扩展——YouCompleteMe (YCM),但又不需要复杂的 C/C++ 类型解析能力时,则可以选择简化版安装方式。具体方法如下所示: ```bash cd ~/.vim/bundle/YouCompleteMe ./install.py --clang-completer ``` 上述指令仅限于基础语法提示服务而不会引入过多计算负担[^4]。 #### 处理安全漏洞报告 遇到潜在安全隐患时,请勿随意公开讨论细节以免造成更大范围的影响;相反应该遵循官方文档里描述的秘密提交指南来进行反馈处理[^5]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值