Vue 脚手架工具 Vue CLI

Vue About 793 words

作用

快速搭建Vue项目。

CLI

CLI (@vue/cli) 是一个全局安装的npm包,提供了终端里的Vue命令。

它可以通过vue create快速搭建一个新项目。

也可以通过vue ui通过一套图形化界面管理的所有项目。

CLI Service

CLI Service (@vue/cli-service) 是一个开发环境依赖。

它是一个npm包,局部安装在每个@vue/cli创建的项目中。

CLI Service是构建于webpackwebpack-dev-server之上的。它包含了:

  • 加载其它CLI插件的核心服务。
  • 一个针对绝大部分应用优化过的内部的webpack配置。
  • 项目内部的vue-cli-service命令,提供servebuildinspect命令。

CLI Plugin

CLI Plugin是向Vue项目提供可选功能的npm包,例如Babel/TypeScript转译、ESLint集成、单元测试和end-to-end测试等。

Vue CLI Plugin的名字以@vue/cli-plugin- (内建插件) 或vue-cli-plugin- (社区插件) 开头,非常容易使用。

当在项目内部运行vue-cli-service命令时,它会自动解析并加载package.json中列出的所有CLI Plugin

安装

npm i -g @vue/cli@5.0.4

查看版本

vue -V

升级

npm update -g @vue/cli

卸载

npm uninstall vue-cli -g

安装插件

vue add:在现有的项目中安装插件

vue add eslint

UI 界面

可使用交互式的UI界面创建工程,管理工程。默认会启动8000端口。

vue ui

参考

https://cli.vuejs.org/zh/guide

Views: 934 · Posted: 2023-01-14

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb/LiteNote

扫描下方二维码关注公众号和小程序↓↓↓

扫描下方二维码关注公众号和小程序↓↓↓


Today On History
Browsing Refresh