vue-cli 教程

🌙
手机阅读
本文目录结构

Vue.js

Vue.js 开发的标准工具

特性

功能丰富

对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持。

易于扩展

它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。

无需 Eject

Vue CLI 完全是可配置的,无需 eject。这样你的项目就可以长期保持更新了。

CLI 之上的图形化界面

通过配套的图形化界面创建、开发和管理你的项目。

即刻创建原型

用单个 Vue 文件即刻实践新的灵感。

面向未来

为现代浏览器轻松产出原生的 ES2015 代码,或将你的 Vue 组件构建为原生的 Web Components 组件。

起步

安装:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

创建一个项目:

vue create my-project
# OR
vue ui

命令

vue -h

我们看到

create [options] <app-name> 创建一个由vue-cli-service支持的新项目
invoke <plugin> 在已创建的项目中添加插件
serve [options] [entry] 在开发者模式下以零配置运行一个js或vue文件
build [options] [entry] 在生产模式下以零配置构建一个js或vue文件
init <template> <app-name> 旧api 需要@vue/cli-init // 就是原来的vue-cli init <template> <app-name>

说到零配置,可以看看这个 Parcel,生态还不完善,零配置的缺点就是不够自由。

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

书籍推荐