vue脚手架交互式命令行和图形化界面如何安装-成都快上网建站

vue脚手架交互式命令行和图形化界面如何安装

今天小编给大家分享一下vue脚手架交互式命令行和图形化界面如何安装的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

创新互联是一家专注于网站建设、成都网站制作与策划设计,巴东网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:巴东等地区。巴东做网站价格咨询:18982081108

vue脚手架交互式命令行和图形化界面如何安装

交互式命令行

保证安装node

安装vue脚手架 命令:npm install -g @vue/cli

vue脚手架交互式命令行和图形化界面如何安装

vue脚手架交互式命令行和图形化界面如何安装

安装成功使用vue -V查看安装版本

vue脚手架交互式命令行和图形化界面如何安装

如果之前安装过使用npm uinstall vue-cli -g命令卸载

创建项目

3.1输入vue create vue_proj 然后回车(选择第二项手动创建然后回车)

vue脚手架交互式命令行和图形化界面如何安装

3.2选住图中三个配置,按空格是选择,选好后回车确定

vue脚手架交互式命令行和图形化界面如何安装

3.3询问是否安装历史模式路由,选择安装哈希模式,选择n之后回车

vue脚手架交互式命令行和图形化界面如何安装

3.4询问版本,选择Standard config 回车

vue脚手架交互式命令行和图形化界面如何安装

3.5询问什么时候进行历史校验,选择默认后回车

vue脚手架交互式命令行和图形化界面如何安装

3.6创建单独配置文件,选择第一项后回车

vue脚手架交互式命令行和图形化界面如何安装

3.7是否将当前选择保存为一个模板,可以选择是或者否,这里选择是后回车

模板名称:vue_model_01

vue脚手架交互式命令行和图形化界面如何安装

3.8等待创建 创建完成后cd进入项目根目录,然后运行npm run serve启动项目

vue脚手架交互式命令行和图形化界面如何安装

vue脚手架交互式命令行和图形化界面如何安装

最后复制地址在浏览器打开即可

vue脚手架交互式命令行和图形化界面如何安装

vue脚手架交互式命令行和图形化界面如何安装

图形化界面创建

第一步,输入vue ui

vue脚手架交互式命令行和图形化界面如何安装

点击创建,在此创建新项目

vue脚手架交互式命令行和图形化界面如何安装

6.填写文件名字和初始化git仓库

vue脚手架交互式命令行和图形化界面如何安装

7.选择手动,或者自动,或者以前创建过得模板,这里选择手动(第一次)

vue脚手架交互式命令行和图形化界面如何安装

8.选择以下四个

vue脚手架交互式命令行和图形化界面如何安装

vue脚手架交互式命令行和图形化界面如何安装

9.select下选择第三个,之后点击创建项目

vue脚手架交互式命令行和图形化界面如何安装

10 然后输入名称()创建项目,保存预设或者不保存都可以

vue脚手架交互式命令行和图形化界面如何安装

11 然后运行即可

以上就是“vue脚手架交互式命令行和图形化界面如何安装”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


网页题目:vue脚手架交互式命令行和图形化界面如何安装
标题路径:http://kswjz.com/article/gsdiie.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流