0
点赞
收藏
分享

微信扫一扫

Vue 3系列之01——开启第一个Vue.js 3应用


1.   安装Node.js

2.   安装Vue CLI

执行如下命令

npm install -g @vue/cli

看到如下输出,则证明安装成功

Vue 3系列之01——开启第一个Vue.js 3应用_企业级应用

3.   创建项目

vue create hello-world

选择Vue 3模板“Vue 3 Preview”,并回车。

Vue 3系列之01——开启第一个Vue.js 3应用_vue3_02

看到如下内容,则证明hello-world项目已经创建完成。

Vue 3系列之01——开启第一个Vue.js 3应用_vue.js_03

4.   运行项目

当前目录下,执行

cd hello-world

npm run serve

看到如下输出,则证明项目已经启动。

Vue 3系列之01——开启第一个Vue.js 3应用_Vue_04

访问​​http://localhost:8080/​​可以看到项目的主页,如下。

Vue 3系列之01——开启第一个Vue.js 3应用_vue3_05

至此,已经完成了第一个Vue 3应用的创建!

参考引用

  • 本系列归档至《跟老卫学Vue.js开发》
  • 参考书籍《Vue.js 3企业级应用开发实战》:《Vue.js 3企业级应用开发实战(双色版)(博文视点出品)》(柳伟卫)【摘要 书评 试读】
举报

相关推荐

0 条评论