五一遇疫情 & 居家学VUE
一、前言
Vue 作为一款主流的 JavaScript 框架，非常适合开发人员入手。它有着大量的官方中文教程，新人的入手难度中级，即需要 HTML、CSS 和 JavaScript 相关的中级知识。
二、环境准备
【Mac 用户】使用 App Store 安装 Xcode 。
Xcode 安装完成后，使用终端软件输入指令进行安装。
代码语言：javascript复制## brew 安装
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
## node 安装
brew install node
## npm 安装
brew install npm
## n 安装（可选）
sudo npm install -g n
## n 选择 node 版本（可选）
sudo n 14.16.1
## 查看 node 当前版本
node -v
v14.16.1
## 当查看 npm 当前版本
npm -v
6.14.12【WIN 用户】打开 nodejs 官方网站进行下载，优先使用 msi 进行安装。
安装完之后，使用 cmd 命令窗口检查安装情况。
代码语言：javascript复制## 查看 node 当前版本
node -v
v14.16.1
## 查看 npm 当前版本
npm -v
6.14.12三、工具准备
首选开源工具 Visual Studio Code，简称 VS Code。
PS. 以上的安装内容，在网络上有很多，这里只是做简单介绍。
四、入门Demo
1、命令行工具（CLI）
Vue 提供了一个官方的 CLI 来帮助我们快速搭建繁杂的手脚架。
安装 CLI
代码语言：javascript复制## 安装
npm install -g @vue/cli
## 查看 CLI 当前版本
vue --version
@vue/cli 5.0.4创建一个项目
代码语言：javascript复制vue create vue-starterVue 版本选择
VS Code 打开项目、终端执行运行指令
代码语言：javascript复制npm run serve
浏览器打开
五、总结
特别简单的安装与入门，主要耗时可能在网络下载。
