千家信息网

web前端中cli的内容有哪些

发表于:2024-11-27 作者:千家信息网编辑
千家信息网最后更新 2024年11月27日,本篇内容主要讲解"web前端中cli的内容有哪些",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"web前端中cli的内容有哪些"吧!命令行界面(英语:com
千家信息网最后更新 2024年11月27日web前端中cli的内容有哪些

本篇内容主要讲解"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的内容有哪些"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

0