Window 安装 Nodejs

1、下载

​​https://nodejs.org/dist/v14.15.3/node-v14.15.3-x64.msi​​

2、安装，本例装在 D:\Program Files\nodejs

 3、验证

node -v

# 结果
v14.15.3

npm -v

# 结果
6.14.9

4、配置 npm 的全局模块的存放路径以及 cache 的路径
默认是在当前登陆用户下面 如：C:\Users\shihua.ma\AppData\Roaming\

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

5、查看配置，已成功

npm config ls -l

# 结果
; cli configs
long = true
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.14.9 node/v14.15.3 win32 x64"

; userconfig C:\Users\shihua.ma\.npmrc
cache = "D:\\Program Files\\nodejs\\node-cache"
prefix = "D:\\Program Files\\nodejs\\node-global"

 6、配置环境变量

这里配置 node-global 环境变量，是因为等会安装的 vue 会装下此目录，这样就直接可以使用 vue 相关命令了

 7、安装 vue-cli

npm install -g vue-cli

8、查看，安装的 vue-cli 已经成功到我们配置的路径下面

 9、查看 vue-cli 版本

vue --version

# 结果
2.9.6

10，初始化一个 vue 项目

D:\VueProject> vue init webpack first-vue

? Project name first-vue
? Project description A Vue.js project
? Author shihua.ma <[e-mail]>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "first-vue".


# Installing project dependencies ...
# ========================

# 成功

# Project initialization finished!
# ========================

To get started:

  cd first-vue
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

11、运行

D:\VueProject> cd first-vue

D:\VueProject\first-vue> npm run dev


# 成功
DONE  Compiled successfully in 10170ms                                                                                              上午10:28:29

I  Your application is running here: http://localhost:8080

12、打开界面

 相关错误解决方法

1、nrm : 无法加载文件 D:\Program Files\nodejs\node_global\nrm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1

2、在 Vs Code 终端输入 vue init webpack app， 创建一个名为 app 的 Vue 项目时报错如下：
无法加载文件 D:\Program Files\nodejs\node_global\webpack.ps1，因为在此系统上禁止运行脚本，有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170

解决方法：

# 以管理员身份运行
powershell

get-ExecutionPolicy

# 结果，禁止运行任何脚本和配置文件
Restricted

# 可以运行脚本，但要求从网络上下载的脚本和配置文件由可信发布者签名
set-ExecutionPolicy RemoteSigned

# 再次查看
get-ExecutionPolicy

# 结果
RemoteSigned