首页 置换 选车 估价 问答 生活 经销商 车管所 汽车资讯 汽车销量 车牌查询 今日油价 天气预报
您的位置: 首页 > 生活 > 生活 > vue用脚手架创建简单网页(vuecreate创建项目vue项目)
vue用脚手架创建简单网页(vuecreate创建项目vue项目)
更新时间:2024-07-02 18:41:29

大家好!今天给大家带来的是脚手架快速搭建vue项目;

第一步:vue create vue-demo(文件名字)

如果朋友们没有安装vue/cli的话需要提前安装:复制下面的即可直接安装

安装后我们可以看到下面有三个选项:控制上下键可以选择自己想要的;这儿我选择的是第四个(手动选择安装);第一个是我保存的记录

npm i -g @vue/cli

vue用脚手架创建简单网页(vuecreate创建项目vue项目)1

第二步:当我们点击回车以后就会出现以下的页面;这时候大家可以根据自己 的需要去选择;下面有每个选项的解释;大家可以根据自己想要的进行安装

vue用脚手架创建简单网页(vuecreate创建项目vue项目)2

vue用脚手架创建简单网页(vuecreate创建项目vue项目)3

图片来源于网络,如有侵权请联系删除

第三步:

这儿是看你需要的什么版本;根据项目需求进行安装

vue用脚手架创建简单网页(vuecreate创建项目vue项目)4

vue用脚手架创建简单网页(vuecreate创建项目vue项目)5

代码风格(代码检测)

vue用脚手架创建简单网页(vuecreate创建项目vue项目)6

vue用脚手架创建简单网页(vuecreate创建项目vue项目)7

后面的直接回车即可;当创建项目成功以后,根据以下代码启动项目即可

npm run serve // 启动项目

vue用脚手架创建简单网页(vuecreate创建项目vue项目)8

vue用脚手架创建简单网页(vuecreate创建项目vue项目)9

,