1.1、下载安装包
下载地址：https://nodejs.org/zh-cn/download/ （注：v12.16.2以上版本不支持win7系统，win10系统任意安装）
- 1、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序
- 2、.zip是一个压缩包，解压之后即可，不需要安装
目前采用 .msi ，下载以后正常安装
选择合适的安装位置，我的比如D盘
1.2 环境变量配置
安装完成后需要进行环境变量的配置，打开环境变量，找到Path，点击编辑。为什么要进行环境变量的配置呢？文末说明。
如图添加路径，为什么是这个路径，因为这是node.exe执行文件所在的目录。
打开cmd命令，输入node -v，出现版本，说明安装成功；输入npm -v，出现版本，说明安装成功
2.1、修改包路径
在接下去操作中我们会执行npm命令，比如npm install -g XXXX，下载的全局包会放在C:UsersAdministratorAppDataRoaming pm ode_modules下，可以通过CMD指令npm root -g查看，这样的话C盘文件越来越多，所以进行路径的改变，这里需要改变两个路径，先新建文件夹，例如在D盘Program Files文件夹下新建node_rep文件夹，再执行如下两条指令，一条是配置本地仓库，一条是指定缓存地方。注：这里只新建一个文件夹node_rep，是将本地仓库和缓存区域放在一个地方了。
执行指令
再添加国内镜像
怎么知道这三条指令都执行成功了呢
可以看到如下信息，其中①②是我们之前输入的指令，再输入③，看到④处，说明配置成功！
2.2、重置包路径
如果对2.1步骤中的包路径不满意，可以重新设置，这里提供一种方法，打开文件夹C:UsersAdmin，找到.npmrc，删除即可！重新使用指令npm config ls查看效果
2.3、安装vue cli
完成后在文件中看到vue-init文件，这个文件用来初始化vue项目，再进行环境变量的配置。
配置方式跟原来一样，输入对应路径即可
2.4 通过cli创建项目
输入
①处根据实际情况填写，接下来出现②③处，选择②处
根据①②③④处填写，①处指的是检查语法， 可能因为缩进等代码不规范的情况出现报错，所以直接选择不使用ESLint
安装完成后提示如何启动vue，如下图操作即可
提示输入http://localhost:8080
出现如下页面，脚手架安装成功！
3.1 为什么要进行环境变量配置
以1.2步骤中的node.exe工具为例，如果要使用此工具，一定要在D:Program Files odejs目录下进行，这样有一定的局限性，为了能使在任何文件夹下运行该工具，进行全局变量配置。
3.2 cmd打开方式
正常打开cmd的方式，win+R，输入cmd即可。
这种方式打开发现目前是在Admin文件夹下运行的cmd.exe操作
有时需要在指定文件夹下运行cmd.exe操作，常规操作是使用cd等指令切换到指定文件夹，这样的方式有些繁琐。
这里介绍一种方式，先打开指定文件夹，例如D盘，在该栏里直接输入cmd
回车，看到此时是在D盘里运行了
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/51709.html