更换设备，含泪整理vue安装方式，我不允许还有人不会

废话不多说，直接上手

目录

vue的安装

一、安装node

1.下载

2.查看你下载的node版本

3.在node.js文件夹下新建两个文件夹node_global和node_cache作为默认安装目录和缓存日志目录。

4.node.js环境配置

​编辑

5.配置淘宝镜像

二、开始安装Vue

1.全局安装vue-cli 3.0 脚手架命令:

2.创建项目文件夹:

3.自定义配置：

​编辑

4.选3.x

5.前几个直接yes，最后一个选自己习惯的css预处理语言

6.使用哪个自动化格式检查

7.保存配置

8.babel，eslint、etc存放目录：第一个是独立目录，第二个是放在package.json文件，选第一个。

9.可以启动项目了

10.复制地址到你的浏览器

---

Vue  <  最好的教程就戳这里

vue的安装

一、安装node

1.下载

node.js

然后直接下一步

2.查看你下载的node版本

3.在node.js文件夹下新建两个文件夹node_global和node_cache作为默认安装目录和缓存日志目录。

 执行命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录

ps:复制你自己的文件路径。

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set prefix "C:\Program Files\nodejs\node_cache"

4.node.js环境配置

此电脑 -> 属性 -> 高级系统设置 -> 环境变量

ps:可能根据系统不同，位置稍有差异，实在找不到你就在下方搜索框里搜“环境变量”，总之是下方的界面；

点击环境变量

【系统变量】下新建【NODE_PATH】，输入【C:\Program Files\nodejs\node_modules 】

【用户变量】下的【Path】添加上【C:\Program Files\nodejs\node_cache】【C:\Program Files\nodejs\node_global】，这是nodejs默认的模块调用路径

 

 

5.配置淘宝镜像

第一种:直接修改npm的默认配置（不推荐）

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

第二种：安装cnpm（推荐）

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

 验证：cnpm config list

可以说关于环境的准备工作就到这了，接下来就该上手安装vue的脚手架和创建项目了

二、开始安装Vue

1.全局安装vue-cli 3.0 脚手架命令:

npm install -g @vue/cli

2.创建项目文件夹:

vue create demo（demo是你的文件名，叫啥都行，最好英文）

3.自定义配置：

4.选3.x

5.前几个直接yes，最后一个选自己习惯的css预处理语言

6.使用哪个自动化格式检查

最后一个可以配合vscode编辑器的Prettier - code formatter使用

7.保存配置

 

8.babel，eslint、etc存放目录：第一个是独立目录，第二个是放在package.json文件，选第一个。

 

9.可以启动项目了

 

10.复制地址到你的浏览器

 然后打开就是这个样子的了

 

就是这样了，你学会了么？