vue脚手架交互式命令行和图形化界面安装
vue脚手架交互式命令行和图形化界面安装步骤
交互式命令行
保证安装node
安装vue脚手架 命令:npm install -g @vue/cli
安装成功使用vue -V查看安装版本
如果之前安装过使用npm uinstall vue-cli -g命令卸载
创建项目
3.1输入vue create vue_proj 然后回车(选择第二项手动创建然后回车)
3.2选住图中三个配置,按空格是选择,选好后回车确定
3.3询问是否安装历史模式路由,选择安装哈希模式,选择n之后回车
3.4询问版本,选择Standard config 回车
3.5询问什么时候进行历史校验,选择默认后回车
3.6创建单独配置文件,选择第一项后回车
3.7是否将当前选择保存为一个模板,可以选择是或者否,这里选择是后回车
模板名称:vue_model_01
3.8等待创建 创建完成后cd进入项目根目录,然后运行npm run serve启动项目
最后复制地址在浏览器打开即可
图形化界面创建
第一步,输入vue ui
点击创建,在此创建新项目
6.填写文件名字和初始化git仓库
7.选择手动,或者自动,或者以前创建过得模板,这里选择手动(第一次)
8.选择以下四个
9.select下选择第三个,之后点击创建项目
10 然后输入名称()创建项目,保存预设或者不保存都可以
11 然后运行即可
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanfikfi
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01