Windows安装Node.js以及使用Node.js创建一个vue-cli项目

第一步：下载node.js安装包

下载 | Node.js

 

下载zip文件

第二步：环境配置

1）解压

我这边放到D:\environment目录下

  2）创建node_cache文件和node_global文件

  3）配置node.js环境

在系统变量中配置NODE_HOME

编辑Path

添加

%HOME_HOME%

%HOME_HOME%\node_cache

%HOME_HOME%\node_global

 第三步：node.js初始调试

1）查看

• cmd下输入node -v，查看是否能够正确打印出版本号即可！
• cmd下输入npm -v，查看是否能够正确打印出版本号即可！

 2）配置下载路径和缓存路径

npm config set prefix "D:\environment\node-v18.12.1-win-x64\node_global"

npm config set cache "D:\environment\node-v18.12.1-win-x64\node_cache"

 3）添加阿里的国内镜像

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

4）安装Node.js淘宝镜像加速器（cnpm）

npm install cnpm -g

第四步：安装vue-cli

cnpm instal1 vue-cli -g
cnpm install -g vue-cli（上面那个不行就用这个）

 等它加载好就行了。

第五步：创建一个vue-cli项目

1）首先需要进入到对应的目录 cd D:\work\vue

2）这里的myvue是顶日名称，可以根据自己的需求起名（创建过程一路No到底）
vue init webpack myvue

这里选择第一个

 这里选择最后一个

创建成功

 

 说明：

• Project name：项目名称，默认回车即可
• Project description：项目描述，默认回车即可
• Author：项目作者，默认回车即可
• Install vue-router：是否安装vue-router，选择n不安装（后期需要再手动添加）
• Use ESLint to lint your code:是否使用ESLint做代码检查，选择n不安装（后期需要再手动添加)
• Set up unit tests:单元测试相关，选择n不安装（后期需要再手动添加）
• Setupe2etests with Nightwatch：单元测试相关，选择n不安装（后期需要再手动添加）
• Should we run npm install for you after the,project has been created:创建完成后直接初始化，选择n，我们手动执行；运行结果！

 3）初始并运行

进入myvue项目

 初始化：

 运行：

成功：

访问：