vue新手实战项目--搭建vue项目

1.构建新项目
在终端中运行cd命令。切换到自己想保存的文件夹目录下,首先命令cmd进入到这个文件夹。
在这里插入图片描述
2.接着执行下面命令:
vue init webpack 自己起的项目名
(webpack就是前端资源管理和打包的这么一个作用,是现代js应用程序的静态模块打包器)
以vue为功能的初始化操作,打包一个自己的新项目
在这里插入图片描述
在这里插入图片描述
3.构建完成
在这里插入图片描述
会发现多出来文件夹,进入文件夹可以发现
在这里插入图片描述
再返回来看到cmd
在这里插入图片描述
4.输入命令
npm run dev
运行项目
在这里插入图片描述
出现这种情况的原因是当前文件夹并没有package.json
我们需要切换到vue-d文件夹
在这里插入图片描述
显示可以在浏览器输入http://localhost:8080运行
在这里插入图片描述
在这里插入图片描述
5.发布项目
项目开发完毕的时候我们可以执行下面的命令:
npm run build
打包之后会生成dist文件夹,把dist文件夹里面的内容放到服务器上就可以了

如果不晓得怎么安装vue的
可以看一下这个网址:

https://www.hangge.com/blog/cache/detail_2109.html

接下来如果想安装elementUI 请转
https://www.jb51.net/article/123032.htm?utm_medium=referral

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值