温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-08-09 09:36:28 来源:亿速云 阅读:176 作者:iii 栏目:编程语言

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

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脚手架交互式命令行和图形化界面如何安装”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue
AI