nodejs

序言

安装Node

配置npm

配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，

所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，如图所示：

 然后在cmd命令下执行如下两个命令：

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

配置环境变量

执行完后，配置环境变量，如下：

“环境变量” -> “系统变量”：新建一个变量名为 “NODE_PATH”， 值为“D:\Web\Node\nodejs\node_global”

“环境变量” -> “用户变量”：编辑用户变量里的Path，将相应npm的路径（“C:\Users\用户名\AppData\Roaming\npm”）改为：“D:\Web\Node\nodejs\node_global”

创建基本的webpack4.x项目

1. 运行npm init -y 快速初始化项目

2. 在项目根目录创建src源代码目录和dist产品目录

3. 在 src 目录下创建 index.html

4. 使用 cnpm 安装 webpack ，运行cnpm i webpack webpack-cli -D

   • 如何安装 cnpm: 全局运行 npm i cnpm -g

5. 注意：webpack 4.x 提供了 约定大于配置的概念；目的是为了尽量减少 配置文件的体积；

   • 默认约定了：

   • 打包的入口是src -> index.js

   • 打包的输出文件是dist -> main.js

   • 4.x 中 新增了 mode 选项(为必选项)，可选的值为：development 和 production; 

VsCode无法运行cnmp命令解决办法

cnpm : 无法加载文件 C:\software\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本

以管理员身份运行windows powershell，运行命令set-ExecutionPolicy RemoteSigned即可。

资料

Node.js安装详细步骤教程(Windows版)