Vue3.0 10分钟上手体验-官方Demo

Vue.js 作者尤雨溪2020-7-18宣布 Vue 3 已进入 RC 阶段，这意味着 Vue 3 内核的 API 和实现已到达稳定状态。

vue3.0 RC 版本已经发布有一阵子了，是时候上手体验一波了～

尤雨溪：Vue 3.0 计划 掘金译文

有三种方式体验Vue3.0:

1 Clone官方demo体验

2 通过vue-cli 4体验,移步到Vue3.0 10分钟上手体验-Vue-cli 4

3 通过Vite体验，移步到Vue3.0 10分钟上手体验-Vite

下面介绍通过第一种方式体验Vue3.0

创建项目

Vue 官方很贴心的提供了一个 github 仓库，让我们能快速体验Vue 3的新特性:

1 2	git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-start cd vue3-start

1	npm install or yarn intall

开发环境准备就绪后，启动命令：

1	npm run dev

在浏览器中打开 http://127.0.0.1:8080 ，您可以看到一个简单的计数器页面：

踩坑：

clone的官方的3.0demo,但npm install 报错

改用yarn成功
1 安装yarn 运行命令：brew install yarn  
2 运行 yarn install 提示node版本太低，至少10.*.*以上
3 升级node版本 sudo n stable
   查看node版本 node -v 
        显示 v12.18.4
4 再次运行yarn install 成功