vue学习随记：Vue开发环境（Mac）搭建之node.js安装及环境配置、vue-devtools工具安装和脚手架安装

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

目录

前言

一、node.js下载安装

二、环境变量配置​​​​​​​

三、脚手架安装 

总结​​​​​​​

---

前言

新手学习Vue，首先是开发环境搭建，包括node.js下载安装环境变量配置及脚手架安装。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、node.js下载安装

参照Mac 安装 node.js 及环境配置_风陵渡W的博客-CSDN博客_mac nodejs 

二、环境变量配置

Mac电脑终端输入：

vim .bash_profile

编辑添加这句：

  PATH=$PATH:/usr/local/bin/

输入命令使配置生效：source .bash_profile

三、脚手架安装 

vue脚手架是vue官方提供的标准化工具（开发平台），最新版本是4.x，官方文档：https://cli.vuejs.org/zh/

自己写的vue文件浏览器是不认识的，浏览器只认识html、css、j s，需要脚手架编译解析，转化翻译成浏览器认识的文件。

安装步骤：

参考官方文档-安装目录：安装 | Vue CLI

(1)配置npm淘宝镜像，不然下载安装很慢

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

(2)可以使用下列任一命令安装这个新的包：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

我使用的是第一个命令，安装过程中如果暂停，可以按【Enter】，继续安装。

---

总结

环境搭建还是很简单的，安装过程中就是工具包下载不太好找，网上慢慢搜素就是了。遇到安装问题各种百度，见招拆招。