vue前期开发环境node及yarn安装详细教程

环境准备：

提示：先下载所需要的环境配置的软件：

先下载node.js 下载node官网

避坑1 尽量安装在D盘

避坑2 安装的时候选择尽量选择Add to PATH 会自动把环境变量添加进去

避坑3 最后一步选择挂钩不要选择（否则会安装很多电脑组件）

---

查看版本命令及安装yarn

提示：安装完node.js之后查看node和npm的版本：
win+R 打开运行 输入cmd 然后查看命令 查看版本

执行cmd命令之前一定要选择管理员权限运行！！！ 否则会出现安装不上。

我本人比较喜欢用yarn安装 所以又安装yarn 在npm的基础上又安装了yarn

//yarn 常用命令
安装yarn ： npm install -g yarn
//安装完设置一下淘宝镜像
yarn config set registry https://registry.npm.taobao.org
//安装成功后，查看版本号： yarn –version
//以下命令以后在开发项目中使用
yarn add [package]
// 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中
yarn add [package]@[version] // 安装指定版本，这里指的是主要版本
yarn add --dev/-D // 加到 devDependencies
yarn add --peer/-P // 加到 peerDependencies
yarn add --optional/-O // 加到 optionalDependencie 默认安装包的主要版本里的最新版本

---

安装全局vue及vue脚手架：

提示：一定要先安装vue在安装脚手架否则在cmd中输入vue会提示不是内部命令：

//先安装vue 然后在安装脚手架 使用npm或者yarn 都可以 yarn安装的会更快些
yarn add vue
npm install -g @vue/cli
# OR
yarn global add @vue/cli
//安装完查看版本
vue --version
//后期如果需要更新可输入一下命令
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

---

安装完之后就可以查看vue版本