【前端52_Vue】工程化

文章目录


工程化 Vue cli

简介

它的全称叫做:command line interface

缺乏系统性的工程管理,优化,压缩

  • 如果是单文件的话,如果是团队开发,那么单文件就会引发很多次冲突

快速开发

你可以使用 vue servevue build 命令对单个 *.vue 文件进行快速原型开发

全局安装 vue/cli-service-global

要想起一个vue 项目,我们需要安装一个依赖

npm install -g @vue/cli-service-global

启动 vue serve

我们新建一个 vue 文件,然后通过 vue serve hello.vue 来预览一下

【前端52_Vue】工程化

创建项目

命令行创建

通过如下命令创建项目

vue create 你的项目名

【前端52_Vue】工程化

自定义有如下选项(以后可能更多)
【前端52_Vue】工程化

创建完项目之后是这个样子
【前端52_Vue】工程化

Vue UI

或者通过页面交互的形式来创建项目,在终端里输入如下命令

vue ui 

敲击回车后,浏览器会自动弹出 Vue uidashbord (仪表盘),页面大概长这个样子

【前端52_Vue】工程化

可以通过 inspect 检查的功能查看 vue cli 脚手架 自动给我们配置的 webpack 配置

【前端52_Vue】工程化

上一篇:操作系统五大经典算法代码


下一篇:vue3前端青铜到黄金王者 #14 vue-cli-service (下)serve使用