新建一个vue项目_运行一个vue项目

运行一个vue项目

今天我们来怎样运行一个vue的初始项目

1.首先我们需要启动文件夹中启动cmd,找好路径

0256c758c0790a3e1a1b0fc9fc7668bd.png

2fff0adce6886e4b519423b92ef895ba.png

2.这里我们用npm来构建vue项目,如果大家还不是很清楚npm是什么,或者不会使用安装,这里我建议大家百度了解一下,顺便安装一下node.js,这样我们就可以正常使用了

2fff0adce6886e4b519423b92ef895ba.png

3.言归正传,我们在cmd中输入vue init webpack my-project,

0d593f1952d360996d5a7f49b5cea1b4.png

它会询问你项目名称等等,其中它还会问是有使用路由和ESLint代码规范,我建议大家都选择Y,至于后面的是否测试之类的可以暂时不选择

8463fbf50a17b3a1d47ecf0378e213ce.png

最后会问你是否use npm,我们当然是选择yes

6a21fd0e43ce87c9c7e46eadb72e30b5.png

2fff0adce6886e4b519423b92ef895ba.png

4.这些都完成之后我们就进入漫长的等待当中,因为下载的比较慢,大家不要着急

3f86ac1dca7739cef32c871a89c6317d.png

2fff0adce6886e4b519423b92ef895ba.png

5.安装完成之后,它会提示你进入到自己项目进行运行,我们就安装提示继续进行操作

c96e2e2f3cd57b387496784b0f95fec2.png

2fff0adce6886e4b519423b92ef895ba.png

6.当我们安装提示都输入之后,会再次运行,并告诉大家运行成功

36597012552befb1457c5a62bd7501da.png

2fff0adce6886e4b519423b92ef895ba.png

7.这里http://localhost:8080就是我们项目地址,让我们在浏览器中把它输入打开

fb4b54d4b215680fbcfcb50b48cfbe08.png

2fff0adce6886e4b519423b92ef895ba.png

8.这样一个vue项目就搭建并运行完成,下一篇我们将用VSCode来打开今天的项目代码,然后来分别解释一下里面的各部分内容,并且搭建一个我们自己内容的vue项目

2fff0adce6886e4b519423b92ef895ba.png 99eb00f8c6e356f412ca10843a833831.png 89a441cd7df667eeacc787d63f53d402.png 38c46e5a5b10564e4a47ea067d37f337.png 2ae2543e6cd05fbbd749ac44ddb92cc5.png a4bf81fa817d7d4ae18eec1e678f6c37.png
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值