码迷,mamicode.com
首页 > Web开发 > 详细

nodejs

时间:2020-03-28 13:14:08      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:配置   https   span   rsh   power   height   技术   targe   脚本   

序言

 

安装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 选项(为必选项),可选的值为:developmentproduction; 

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

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

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

技术图片

资料

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

nodejs

标签:配置   https   span   rsh   power   height   技术   targe   脚本   

原文地址:https://www.cnblogs.com/cnki/p/12586648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!