继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

2022-03-19 16:24:452298浏览

老卫

1实战 · 217手记 · 2推荐
TA的实战

1.   安装Node.js

2.   安装Vue CLI

执行如下命令

npm install -g @vue/cli


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

http://img4.mukewang.com/6235930d0001ff3509560324.jpg


3.   创建项目

vue create hello-world


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

http://img4.mukewang.com/6235930d0001c71d04280148.jpg



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

http://img4.mukewang.com/6235930d00010db404500484.jpg

4.   运行项目


当前目录下,执行


cd hello-world

npm run serve


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


http://img2.mukewang.com/6235930d0001482904410210.jpg

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

http://img4.mukewang.com/6235930e00018dba07450747.jpg

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


参考引用


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP