前端安装使用Vue（仅供参考）

1.安装对应版本node（集成npm）到自定义文件夹

(1).win7无法安装最新的node.js，可以v10.24.1-x86
(2).自定义安装文件夹,如：D盘下的nodejs
(3).查看node版本和npm版本（以下都用管理员模式）**
node -v 查看node版本
npm -v 查看npm版本(大于3.0),更新到指定版本 （@后面加指定版本号）

npm -g install npm@6.14.12

2.查看系统环境变量（安装时自动配置），设置淘宝镜像及还原。

设置成全局的下载镜像站点，这样每次install的时候就不用加–registry，默认会从淘宝镜像下载，设置方法如下：

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

配置后可通过下面方式来验证是否成功

npm config get registry
// 或
npm info express

这样，我们可以使用淘宝镜像还不用更换成cnpm,是不是很爽！虽然实际都是使用的是淘宝镜像。
最后附上淘宝镜像官网地址：http://npm.taobao.org/

注：如果想还原npm仓库地址，只需再把地址配置成npm镜像就可以了。

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

3.npm全局模块路径的修改

(1).正常情况下，npm全局模块安装的存放路径是在你电脑C:\Users\你的电脑名称\AppData\Roaming\npm下的，以及cache路径是在你电脑的C:\Users\你的电脑名称\AppData\Roaming\npm-cache下的。

(2).要先设置全局模块的存放路径和cache路径。例如我希望将以上两个文件夹放在nodejs内（不要问我为什么，因为我希望以后在别的电脑上配置起来简单，不用每次都去获取各个模块），便在nodejs/node_modules目录下新建"node_global"和"node_cache"两个文件夹。

D:\nodejs\node_modules\node_global
D:\nodejs\node_modules\node_cache

(3).启动cmd，输入下面两行命令

npm config set prefix "D:\nodejs\node_modules\node_global"

npm config set cache "D:\nodejs\node_modules\node_cache"

(4).如果要看是否设置成功，可在cmd里输入如下命令查看,若出现下图，则表示设置成功

npm config get prefix

npm config get cache

(5).最后，我们要修改系统环境变量（“我的电脑–右键–属性–高级系统设置—环境变量”）。首先在【 系统变量】 里新建一个变量“NODE_PATH”,值为前面新建的用于存放全局模块的文件夹（node_global）中的 node_modules（虽然这时候这个文件夹还不存在。。）文件夹的绝对路径，即：

D:\nodejs\node_modules\node_global\node_modules

(6).最后，在 【系统变量】 的 Path 变量里检查有没有添加 nodejs 的路径（路径前面记得加上英文分号";“结尾），如果没有就加上”;D:\nodejs"。

至此，全局路径就已经修改成功，C盘也就解放了！

4.cnpm的安装与使用详细介绍

因为npm比较慢，在国内可以用淘宝开发的cnpm的镜像

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

输入命令检查：cnpm -v

cnpm -v却不识别的话，需要配置环境变量，在 【系统变量】 的 Path 变量里检查有没有添加如下路径：

D:\nodejs\node_modules\node_global

出现如下表示安装cnpm成功
这里会出错cnpm不是内部命令。需要添加系统变量，因为cnpm会被安装到D:\nodejs\node_modules\node_global，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

问题解决参考如下：
下载cnpm成功，cnpm -v却不识别
cnpm不是内部命令的解决方案：配置环境变量

需要注意的是：如我的电脑环境D:\nodejs\node_modules\node_global，
辣么就把这一整个文件夹下的应用都添加到系统了。
也可以仅处理cnpm问题，仅需要在path添加cnpm路径；
例如：D:\nodejs\node_modules\node_global\cnpm

再打开一个新的命令指示符窗口检测，输入命令：cnpm -v
成功如图：

5.安装Vue Cli

安装(注意：用cnmp, 安装Vue需要npm的版本大于3)

cnpm install -g @vue/cli@3.0.1

检查安装成功

vue --version

6.vue搭建脚手架

创建项目：项目名(myvue)

vue init webpack myvue

进入项目文件夹下 cd myvue 初始化并运行：

npm install

npm run dev

7.npm install 问题

有时出现如下问题：

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

执行 npm fund就可以。

参考：npm 支持开发者添加募款链接

8.webpack打包

安装并测试

npm install webpack -g
npm install webpack-cli -g
 
webpack -v
webpack-cli -v