1、Vue3入门案例

目录

一、简单的Vue入门案例

二、通过Vite创建Vue应用


Vue3官方文档:简介 | Vue.js

一、简单的Vue入门案例




    
    Vue入门案例

    



姓名:{{name}}, 年龄:{{age}}

二、通过Vite创建Vue应用

确保你安装了最新版本的 Node.js,并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令 

npm init vue@latest

这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

1、Vue3入门案例_第1张图片

 如果不确定是否要开启某个功能,你可以直接按下回车键选择 No,输入Project name项目名称,在项目被创建后,通过以下步骤安装依赖并启动开发服务器:

cd 
npm install
npm run dev

1、Vue3入门案例_第2张图片

你可能感兴趣的:(Vue3,vue.js,前端,javascript)