VUE 学习（Node.js安装以及配置）

1.下载node.js（16.版本）

链接: https://pan.baidu.com/s/11BbMh5SpNF5rFjwdvRK8RA 
提取码: zwq0

2.

安装步骤 ：{

_1：双击安装包，一直点下一步；

_2、点击change按钮，更换到自己的指定安装位置，点击下一步（不修改默认位置也是可以的 ）。

_3、一直点击下一步，最后安装成功即可。}

3.打开命令行验证安装

输入

node -v        显示安装的nodejs版本
npm -v        显示安装的npm版本

1. 修改全局模块下载路径

_1.将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，跟之前操作一样，在键盘按下【win+R】键，输入cmd，然后回车，打开命令行界面，输入下面命令，如图。

说明：

prefix = 创建的node_global文件夹所在路径

cache  = 创建的node_cache文件夹所在路径

-------------------------------------------------------------------------------

npm config set prefix "D:\Nodejs\node_global"

npm config set cache "D:\Nodejs\node_cache" _

_2.修改系统环境变量

将【用户变量】下的【Path】修改为【D:\Nodejs\node_global】，之后点击确定。

在【系统变量】下新建【NODE_PATH】【D:\Nodejs\node_global\node_modules】

在【系统变量】下的【Path】新建添加node全局文件夹【D:\Nodejs\node_global】，之后点击确定。

经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录

npm install express -g  

 

如果报错： 是由于权限的原因，右击Nodejs文件夹->属性->安全，点击编辑，将所有权限都✔即可

5.更换npm源为淘宝镜像

__1.查看初始npm源，npm config get registry

_2.更换镜像为淘宝镜像  npm config set registry https://registry.npm.taobao.org/

npm config get registry查看是否成功

_3.

__1、全局安装基于淘宝源的cnpm

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

__2、下载完后，我们在本地就能看到cnpm模块

__3、执行命令查看cnpm是否安装成功

cnpm -v

 

6.安装Vue

以管理员身份打开命令行窗口，输入如下命令（cnpm方式）：

cnpm install vue -g

安装 Vue-CLI（Vue脚手架)

cnpm install vue-cli -g

3.2 验证

• 以管理员身份打开命令行窗口，输入如下命令（cnpm方式）：
• 以下方式二选一，进行验证，注意空格。
• vue -V
• vue --version

输入 vue init webpack vue01 创建vue01项目

运行 npm install 下载项目依赖包
运行 npm run dev 本地启动

即可完成安装。。

问题：在运行时找不到npm，可能误删，可在官网找到相应的目录下载。

版本过高导致错误，重新下载16+。