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.