Quasar CLI是Quasar Framework的骄傲。您可以无缝地构建:
- SPA(单页应用/网站),
- SSR(服务器端渲染的应用/网站),
- PWA(渐进式网页应用),
- BEX(浏览器扩展),
- 移动应用(通过Cordova),
- Electron应用
…在同一个项目文件夹中,确保您遵循最佳的Quasar实践,而一切都将开箱即用。
Install Quasar CLIlaunch包括什么
在使用Dev Server($ quasar dev
)进行开发时:
- Babel,所以你可以编写ES6代码
- 用于Vue SFC的Webpack + vue-loader(单个文件组件)
- 状态保持热重载
- 状态保留编译错误覆盖
- 使用ESLint的Lint-on-save
- 源地图(Source maps)
- 如果您定位移动应用,请在设备模拟器(或连接到您的计算机的真实手机)上进行开发
- 如果您定位Electron应用,则在包含开发人员工具的Electron窗口上开发
- …还有很多
开发环境开发($ quasar build
):
- 使用UglifyJS缩小Javascript
- 用html-minifier缩小HTML
- 将所有组件中的CSS提取(并自动加前缀)到单个文件中并使用cssnano缩小
- 所有静态资源都使用版本哈希进行编译,以实现高效的长期缓存,并自动生成生产环境的index.html,并为这些生成的资源提供适当的URL。
- …还有很多
记下项目文件夹根目录中的/quasar.conf.js
文件。此文件可帮助您快速配置网站/应用的工作方式。我们将在配置 部分中介绍它。