ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

使用vue_cli脚手架创建Vue项目(cmd和图形化方式)

使用vue_cli脚手架创建Vue项目(cmd和图形化方式)

使用vue_cli脚手架创建Vue项目(cmd和图形化方式)

创建项目(cmd方式)

vue create vue_cli

1.方向键选择manually select feature(手动选择方式创建),回车
请添加图片描述
2.按空格键选择需要的组件:Babel、PWA、Router、Vuex、CSS,回车
请添加图片描述
3.选择Vue的版本
请添加图片描述
4.是否使用历史模式,选择N
请添加图片描述
5.选择配置信息存储文件形式,选package.json请添加图片描述
6.选择是否保存预设,y然后取名 aaa 回车
请添加图片描述
7.选择Use Yarn,回车
请添加图片描述
8.创建中…
请添加图片描述
9.创建完成
请添加图片描述
10.启动项目

cd vue_cli
yarn serve

按住ctrl键在浏览器打开项目网址:http://localhost:8081/

出现Vue图标界面,则项目创建成功!

请添加图片描述

图形化方式

1 win+R打开cmd窗口,输入命令

vue ui

请添加图片描述

2点击创建,进入项目创建面板。选择路径,点击在此创建项目

请添加图片描述

3 输入项目名称,点击下一步

请添加图片描述

4 选择手动,点击下一步

请添加图片描述

5 选择Babel、Router、Linter/Formatter和使用配置文件,点击下一步

请添加图片描述

6 选择Vue的版本,点击创建项目

请添加图片描述

7 选择是否保存为预设模板

请添加图片描述

8 项目创建中…

请添加图片描述

9 创建完成

请添加图片描述

10 选择任务/serve,点击运行,等待编译成功,点击启动app

请添加图片描述

11 项目创建成功,点击启动app,跳转首页

请添加图片描述
请添加图片描述

返回列表