项目：使用vue3 脚手架搭建前端（二）

1. 安装vue：

 cnpm install vue@next

在线工具，直接使用（学习源码）：

<script src="https://unpkg.com/vue@3"></script>

<div id="app">{{ message }}</div>

<script>
  const { createApp } = Vue

  createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

2. 安装Vue CLI，使用CLI构建

//使用 yarn 安装
yarn global add @vue/cli

//使用 cnpm 安装
cnpm install -g @vue/cli

更新到最新版本：

vue upgrade --next

VIte 新的Web开发构建工具，比webpack快非常之多，快速编译：

cnpm init vite-app 项目名称
cd 项目名称
cnpm install
cnpm run dev


yarn create vite-app 项目名称
cd 项目名称
yarn
yarn dev

4.Vue CLI创建项目：

vue create 项目名称

  a.

   b.

  c.

   d.

  e.