Node.js下载和安装以及Webpack安装

下载Nodejs ——> 安装Nodejs(注意安装文件的位置以及环境变量) ——> 安装淘宝镜像(不建议跳过此步) ——> 安装webpack(建议管理员身份运行) ——> 用webpack进行js打包(关于映射部分再说) ——> 用loader打包css(再说)

nvm在那个步骤进行还未测试。

  1. vue学习之nodejs、nvm、webpack安装_shenpkun的博客
    其中,nvm是nodejs版本的管理工具(还未测试)。
    nvm下载和安装,nvm的使用,nvm常用命令,nvm安装node报错,nvm切换不了,系列集合
    下面的第2条和第4条是在这里寻找的。

  2. Node.js的安装及环境配置【超详细】_huangfuyk的博客安装Nodejs过程部分-推荐

  3. 如何安装webpack_明快de玄米61的博客下载Nodejs部分-推荐;也可以使用1.中的nvm管理nodejs版本
    其中包含:
    3.1 Nodejs的历史版本1历史版本2任选其一都可以。
    3.1.1 .msi格式:Windows installer开发出来的程序安装文件,使用它不用配置环境变量;版本号-x64.msi
    3.1.2 .zip格式:解压即可用,但是需要配置环境变量;
    3.2 Nodejs的安装(详细安装可以与上面的2.结合起来,有关环境变量的配置),
    3.3更改为淘宝镜像
    (域名在22.6.30将进行更换,npmmirror
    淘宝镜像是什么意思(设置淘宝镜像代码)
    npm 安装淘宝镜像、查看镜像设置以及设置返回原镜像_瑶瑶Limy的博客)推荐第1个方法,保留npm命令以后有用。
    3.4webpack的全局安装(建议管理员身份运行,不建议Ctrl + r运行cmd)

  4. 教你如何正确彻底删除/安装 webpack 全局或是局部

  5. webpack不是内部或外部命令,不是可运行程序的解决办法_十万毫升_的博客

  6. 简单地使用webpack进行打包_LPLIFE的博客

指令
如果命令在VS Code不可用,则在前加npx
查看Nodejs的版本node -v
查看npm的版本npm -v
下载了一个全局包,这个包的默认存放路径位npm root -g
查看(全局)webpack的版本webpack --version
webpack.config.js(后面会被拆分)手动创建
创建package.jsonnpm init
node_modules 以及 package-lock.json安装(局部)webpack后生成的文件夹
package-lock.jsonnpm install执行后也会自动生成(node_modules )文件夹
查看(局部)webpack的版本node_modules/.bin/webpack --version
查看Vue的版本npm list vue
安装Vue CLInpm install -g @vue/cli或者npm install -g @vue/cli@版本号
查看Vue CLI的版本vue --version
卸载Vue CLInpm uninstall vue-cli -g
安装失败,清除缓存先将缓存清除了(npm cache cleannpm clean cache -force未测试),再安装
------------------------------------------------------------------------------------------------------------------------------

在这里插入图片描述

修改npm已下载的包版本的方法

在package.json配置文件中修改版本号,如图所示。
在这里插入图片描述
再在终端执行npm install,即可。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
为了安装和配置Node.js和VSCode,你可以按照以下步骤进行操作: 1. 首先,从Node.js官网下载安装包。双击安装包开始安装,按照默认设置进行安装即可。安装完成后,你可以在命令行中执行`node -v`和`npm -v`命令,来检查Node.jsnpm是否成功安装。 2. 为了避免将全局模块安装在C盘,你可以修改npm安装路径和缓存路径。在Node.js安装目录下创建`node_global`和`node_cache`文件夹,例如`D:\Program Files\nodejs\node_global`和`D:\Program Files\nodejs\node_cache`。然后在命令行中执行以下命令进行配置: ``` npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache" ``` 3. 接下来,你需要在系统环境变量中添加`NODE_PATH`变量,值为`node_modules`文件夹的路径[3]。在此电脑上点击右键,选择属性,然后选择高级系统设置,在环境变量的系统变量中新建一个变量名为`NODE_PATH`,值为`node_modules`文件夹的路径。 4. 编辑用户变量的Path,将npm路径修改为`node_global`文件夹的路径。在命令行窗口中执行`npm install webpack -g`来全局安装webpack安装后你可以在`node_global`文件夹的`node_modules`文件夹中查看到安装的模块。执行`webpack -v`命令,可以查看到webpack版本号,表示安装成功。 5. 最后,你可以安装VSCode并进行配置。你可以从VSCode的官网下载安装包,并按照默认设置进行安装安装完成后,你可以在命令行中执行`code .`命令,打开当前文件夹的VSCode编辑器。 综上所述,你可以按照以上步骤进行Node.js和VSCode的安装和配置。这样,你就可以使用Node.js和VSCode进行开发工作了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值