Win7 搭建NodeJs、Vue2、Vue3，基于 vue-cli 创建建vue工程及相关问题解决思路

安装NodeJs

Win7 支持的 NodeJs 最高版本为 13.14.0，下载是去历史版本中寻找。
下载地址：https://nodejs.org/zh-cn/download/releases/
安装 next 安装完成，使用默认安装目录：C:\Program Files\nodejs。

NodeJs 相关配置

1. nodejs 文件夹下新建 node_cache （缓存）和 node_global （全局文件夹）。

2. cmd执行命令：

   npm config set cache "C:\Program Files\nodejs\node_cache"
   npm config set prefix "C:\Program Files\nodejs\node_global"
   1
   2

3. 配置 nodejs 环境变量

   1. 用户变量：修改PATH为 C:\Program Files\nodejs\node_global
   2. 系统变量：新建NODE_PATH 为 C:\Program Files\nodejs
   3. 系统变量：修改Path，在原先nodejs路径后面修改为 C:\Program Files\nodejs;C:\Program Files\nodejs\node_modules

4. 安装 cnpm

   npm install cnpm@7.1.0 -g
   
   # 查看cnpm版本
   cnpm -v
   1
   2
   3
   4

5. 更换为淘宝镜像

   npm config set registry=https://registry.npm.taobao.org
   
   # 查看镜像
   npm config get registry
   1
   2
   3
   4

安装vue和vue脚手架

• vue2

  cnpm install vue -g
  cnpm install vue-cli -g
  1
  2

• vue3

  cnpm install vue -g
  cnpm install -g @vue/cli
  1
  2

• 查看版本

  # 查看vue版本
  vue -V
  vue --version
  1
  2
  3

安装 webpack 打包工具

• 使用 npm 安装 webpack

  npm install -g webpack
  1

基于 vue-cli 构建 vue3 工程

1. 执行命令 vue create 项目工程名

   vue create vue3-hello
   1

2. 选择Vue3即可

   Vue CLI v5.0.8
   ? Please pick a preset: Default <[Vue 3] babel, eslint>
   1
   2

3. 等待构建，出现 Successfully 即成功
   

4. 进入工程目录，启动项目
   

5. 访问vue项目
   

问题

问题一：安装vue脚手架，遇到Cannot find module ‘fs/promises’ 问题

查看 cnpm 的版本是否 >=8.2.0，高版本的cnpm无法在 13.14.0 的node 版本下使用，使用命令将 cnpm 降低版本即可。

# 查看cnmp版本
cnpm -v 

# 首先卸载 cnpm
npm uninstall -g cnpm

# 安装指定版本 cnpm
npm install cnpm@7.1.0 -g 
1
2
3
4
5
6
7
8

问题二：NodeJs 版本与 Vue3 不匹配的情况

由于开头选择的是 Win7 系统下最高版本 13.14.0 的 NodeJs，出现上述 NodeJs 版本与 Vue3 不匹配导致的情况，提示信息里描述将 NodeJs 降到 12.0.0 或者 提升到 14.0.0 及以上版本即可。

问题三：Vue3 工程启动异常 errno 3221225477

执行 npm run serve 启动项目时，报错如下：

...
18 verbose node v12.0.0
19 verbose npm  v6.9.0
20 error code ELIFECYCLE
21 error errno 3221225477
22 error vue3-hello@0.1.0 serve: `vue-cli-service serve`
22 error Exit status 3221225477
23 error Failed at the vue3-hello@0.1.0 serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 3221225477, true ]
1
2
3
4
5
6
7
8
9
10

NodeJs 不稳定的原因导致，NodeJs 版本从12.0.0改成12.1.0就没问题。