文章目录
工程化 Vue cli
简介
它的全称叫做:command line interface
缺乏系统性的工程管理,优化,压缩
- 如果是单文件的话,如果是团队开发,那么单文件就会引发很多次冲突
快速开发
你可以使用 vue serve
和 vue build
命令对单个 *.vue
文件进行快速原型开发
全局安装 vue/cli-service-global
要想起一个vue 项目,我们需要安装一个依赖
npm install -g @vue/cli-service-global
启动 vue serve
我们新建一个 vue
文件,然后通过 vue serve hello.vue
来预览一下
创建项目
命令行创建
通过如下命令创建项目
vue create 你的项目名
自定义有如下选项(以后可能更多)
创建完项目之后是这个样子
Vue UI
或者通过页面交互的形式来创建项目,在终端里输入如下命令
vue ui
敲击回车后,浏览器会自动弹出 Vue ui
的 dashbord
(仪表盘),页面大概长这个样子
可以通过 inspect
检查的功能查看 vue cli 脚手架
自动给我们配置的 webpack
配置