Day01 - Vue3 环境设置 Vue CLI 帮我准备手术室卡关笔记

这次主要跟着三位大神学习 Vue3
重新认识 Vue.js | Kuro Hsu
Vue3.0学习教程与实战案例
竹白记事本 Vue3 学习资源

大神说学过 Vue2 的朋友可以从过往专案改写练习 Vue3
今天第一天上工就先欢乐的跟着 重新认识 Vue.js | Kuro Hsu 的 3-1 Vue CLI 介绍 一文来建立环境

我使用 Mac 开发环境
在 Terminal 确认 Node version

node -v

参考文章 Node.js 与 npm 更新的方式
更新 Node.js 到目前 stable 版本

sudo npm install -g n
n stable
node -v

确认 Vue 版本，最後那个 V 是大写的

vue -V

更新 Vue 版本

sudo npm install -g @vue/cli
vue -V

在 Please pick a preset 选择了 Manually select features 後，出现
Check the features need for your project?
这提的选项由好多半生不熟的套件名称组成，参考 手把手教大家搭建一个vue-cli3 的项目 文中对个套件的简单说明（之後还是要各自查查这些套件的功能阿

• Babel
  babel 会帮我们把我们写的 JS 解析成浏览器看得懂的代码，让写 JavaScripts 的我们可以快乐的使用 ES6 语法
  参考资料： 深入现代前端开发 - Babel 简介
• TypeScript
• Progressive Web App (PWA) Support
• Router
• Vuex
• CSS Pre-processors
• Linter / Formatter
• Unit Testing
• E2E Testing

後面一路按 y
再跑 npm

以上是今日卡关笔记，如果有内容不正确的地方，希望大大能提点一波，感谢感谢！
感谢能跟大家一起努力(っಠ‿ಠ)っ