Javascript

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

本文主要是介绍Vue 3系列之01——开启第一个Vue.js 3应用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.   安装Node.js

2.   安装Vue CLI

执行如下命令

npm install -g @vue/cli


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

https://img4.sycdn.imooc.com/6235930d0001ff3509560324.jpg


3.   创建项目

vue create hello-world


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

https://img4.sycdn.imooc.com/6235930d0001c71d04280148.jpg



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

https://img4.sycdn.imooc.com/6235930d00010db404500484.jpg

4.   运行项目


当前目录下，执行


cd hello-world

npm run serve


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


https://img2.sycdn.imooc.com/6235930d0001482904410210.jpg

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

https://img4.sycdn.imooc.com/6235930e00018dba07450747.jpg

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


参考引用

  • 本系列归档至《跟老卫学Vue.js开发》：https://github.com/waylau/vuejs-enterprise-application-development

  • 参考书籍《Vue.js 3企业级应用开发实战》：https://item.jd.com/13624356.html


这篇关于Vue 3系列之01——开启第一个Vue.js 3应用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航