Vue使用前的前置条件

1、在安装vue-cli前，要确认自己的电脑是否安装了nodejs和npm，先到这个官网下载node

Download | Node.js

2、还要安装Vue开发者工具，插件Vue要上传到资源库

2、查看包管理路径

npm config ls

3、我们发现路径在C盘，可能不太好

4、设置包管理路径

5、再创建npm_modules 文件夹 和 npm_cache 文件夹:

6、执行下边的命令,设置为自定义的包管理路径：

npm config set prefix "D:\module\npm_module\npm_modules"

npm config set cache "D:\module\npm_module\npm_cache"

1. npm config set prefix "D:\npm_module\npm_modules"
2. npm config set cache "D:\npm_module\npm_cache"

7、此时再使用 npm config ls 查询NPM管理包路径发现路径已更改

8、NPM环境变量配置

8.1 查看npm的全局路径是什么

npm config get prefix

8.2 配置PATH环境变量

8.3 安装cnpm

1. //安装
2. npm install -g cnpm --registry=https://registry.npm.taobao.org
3. //查看cnpm的版本
4. cnpm -v

8.4 下载vue-cli

npm install -g @vue/cli

8.5 输入 vue -V 查看版本

vue -V

8.6 快速执行代码

vue create my-project

8.7 看排序的情况，加上Eslint：