windows 安装 nodejs

nodejs 下载地址 ：

有两个版本 一个是支持win7 的地址 一个是支持win8的地址
 

官方地址：https://nodejs.org/en/download/

win7 直接安装版：https://nodejs.org/dist/v12.16.2/node-v12.16.2-x64.msi

win7 自己配置版：https://nodejs.org/dist/v12.16.2/node-v12.16.2-win-x64.zip

win8+ 安装版：https://nodejs.org/dist/v14.0.0/node-v14.0.0-x64.msi

win8+ 配置版：https://nodejs.org/dist/v14.0.0/node-v14.0.0-win-x64.zip

msi版本 直接点击下一步下一步即可 没啥说的 就和exe是一样的 操作

这里重点说一下 自解压 Windows Binary 版的安装

解压文件到D盘（建议您放到D盘 或者 E/F/）

配置环境变量：在环境变量 PATH 中加入

D:\node-v12.16.2-win-x64

然后运行 cmd

测试安装结果 ，看到下边的代表成功了

C:\Users\julong>node --version
v12.16.2

测试 npm

C:\Users\julong>npm -v
6.14.4

 

配置 缓存路径和配置路径

D:\node-v12.16.2-win-x64>npm config set cache "D:\node-v12.16.2-win-x64\node_cache"

D:\node-v12.16.2-win-x64>npm config set prefix "D:\node-v12.16.2-win-x64\node_global"

D:\node-v12.16.2-win-x64>

 

配置npm仓库地址为淘宝的仓库地址

npm config set registry http://registry.npm.taobao.org/

地址测试命令：
C:\Users\julong>npm get registry
http://registry.npm.taobao.org/

如果您不想修改 使用淘宝的 你可以不用修改仓库地址 当然你也可以 重新覆盖下淘宝的地址

npm config set registry https://registry.npmjs.org/

国外的地址比较慢 建议用国内的吧 安装完后 可以用 cnpm命令了

命令 ：npm install -g cnpm --registry=https://registry.npm.taobao.org

C:\Users\julong>npm install -g cnpm --registry=https://registry.npm.taobao.org
D:\node-v12.16.2-win-x64\cnpm -> D:\node-v12.16.2-win-x64\node_modules\cnpm\bin\cnpm
+ [email protected]
added 685 packages from 953 contributors in 127.302s

 

安装webpack  javascript打包工具

# 最新稳定版
npm install vue

npm install webpack -g

安装vue-cli

关于旧版本 npm view @vue/cli versions --json

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

Node 版本要求

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

npm install -g @vue/cli
# OR
yarn global add @vue/cli

D:\>vue create vue-test


Vue CLI v4.1.0
┌───────────────────────────────────────
──┐
│                                         │
│   New version available 4.1.0 → 4.3.1   │
│    Run npm i -g @vue/cli to update!     │
│                                         │
└───────────────────────────────────────
──┘

? Please pick a preset: default (babel, eslint)


Vue CLI v4.1.0
✨  Creating project in D:\vue-test.
�  Initializing git repository...
⚙  Installing CLI plugins. This might take a while...


> [email protected] install D:\vue-test\node_modules\yorkie
> node bin/install.js

setting up Git hooks
done


> [email protected] postinstall D:\vue-test\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> [email protected] postinstall D:\vue-test\node_modules\ejs
> node ./postinstall.js

added 1196 packages from 852 contributors and audited 25249 packages in 241.001s


40 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

�  Invoking generators...
�  Installing additional dependencies...

added 54 packages from 39 contributors and audited 25532 packages in 76.579s

42 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

⚓  Running completion hooks...

�  Generating README.md...

�  Successfully created project vue-test.
�  Get started with the following commands:

 $ cd vue-test
 $ npm run serve


D:\>

启动

D:\>cd vue-test

D:\vue-test>npm run serve

> [email protected] serve D:\vue-test
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 DONE  Compiled successfully in 5354ms                                  13:00:36



  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.10.18:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

终止批处理操作吗(Y/N)? y

D:\vue-test>