温馨提示×

温馨提示×

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

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

web前端中cli的内容有哪些

发布时间:2021-11-12 15:13:50 来源:亿速云 阅读:266 作者:iii 栏目:开发技术

本篇内容主要讲解“web前端中cli的内容有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“web前端中cli的内容有哪些”吧!

  命令行界面(英语:command-lineinterface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。也有人称之为字符用户界面(CUI)。

  vue-cli的安装及版本查看更新

  vue-cli安装

  npminstallvue-cli-g

  vue-cli的版本查看

  vue-V

  vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的

  如果原来已经安装了vue-cli的话需要先卸载原来的安装

  npmuninstallvue-cli-g

  vue/cli4的安装与使用

  1:若你已安装过vue-cli2的话,你得先卸载掉,命令如下

  //首先查看是否已安装过vul-cli

  vue-V

  //如是有的话,就用下面命令卸载

  npmuninstallvue-cli-g

  2:安装vue-cli4.0.5

  //一键初始化项目

  npminit-y

  //安装vue-cli

  //也可使用cnpm来安装,比较快些

  3:创建一个项目

  //1.命令回车

  vuecreate项目名

  //2.选择自定义配置Manuallyselectfeatures

  //3.选择你需要的配置

  Babel(必选)

  TypeScript(项目中使用ts开发的话,就勾选)

  ProgressiveWebApp(PWA)Support(接口缓存,优化项目)

  Router

  Vuex

  cssPre-processors(css预处理器,需要)

  Linter/Formatter(代码格式,一般默认选中)

  UnitTesting(代码测试)

  E2ETesting(需求界面测试)

  //4.根据你选的配置进行Y/N选择

  //5.选择完之后,就可以运行项目

  npmrunserve

到此,相信大家对“web前端中cli的内容有哪些”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

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

web
AI