vue 3.x 安装
1 CDN方式。
CDN链接
<script src="https://unpkg.com/vue@next"></script>
使用方式 (/index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue3.x安装-CDN</title>
<!--CDN方式导入vue3.x-->
<script src="https://unpkg.com/vue@next"></script>
<style>
#app {
text-align: center;
background-color: #ccc;
}
</style>
</head>
<body>
<div id="app">
<h2>Vue3.x安装-CDN</h2>
<p>{{message}}</p>
</div>
<script>
const app = {
data() {
return {
message: 'vue3.x已经正常工作'
}
}
};
Vue.createApp(app).mount('#app');
</script>
</body>
</html>
2 npm 安装
npm install vue@next --save-dev
3 vue-cli方式
安装vue-cli
npm install -g @vue/cli
查看vue版本
vue --version
创建项目
vue create project-name
启动项目
cd project-name
npm run serve
查看控制台信息
App running at:
- Local: http://localhost:8082/
- Network: http://192.168.1.101:8082/
Note that the development build is not optimized.
To create a production build, run npm run build.
浏览器访问
http://localhost:8082