vue3.0脚手架

一、安装node环境(我已经提前安装好啦,Vue CLI 需要Node.js8.9 或更高版本 (推荐 8.11.0+))

node环境安装就不仔细描述啦,安装步骤简单的跟个一似的。不知道怎么安装的戳我

安装成功可用以上命令验证是否安装成功。

二、全局安装Vue3包

使用一下命令进行安装

npm install -g @vue/cli

安装结果如下:

 

三、创建项目

vue create pwatsless  ( pwatsless为项目名称,我是按照项目的部分环境命名)

如果初次创建项目,就只会出现红色方框里面的两项(我是之前就创建过项目),按键盘上的向下键(向下的方向键)进行选择安装的项目环境,我选择的是手动选择安装(Manually select features)

直接进行回车选择项目预安装环境(按空格对预安装环境进行选中或未选中的切换) 

一路回车就可以啦。

出现以下命令,那么恭喜你,你已经成功创建了项目。 

用编译器打开创建的项目,可以观察到项目目录如下图所示:

让我们运行一下项目(vue2是用 npm run dev 进行运行项目)

 出现以下界面说明已经成功运行起来了。我们需要手动在浏览器上输入下面两个任一个地址,才能看到页面效果;如果想运行项目的时候自动在浏览器打开,需要对项目进行配置,配置参考戳我

在浏览器输入地址后,页面效果如下:

 

更多敬请关注,持续更新。。。。。。。。。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

白羊蝎子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值