主入门套件安装
使用主入门套件是推荐的方法,以便从Quasar带来的所有好处中获益。 您将能够构建:
- SPA(单页应用程序/网站),
- 一个PWA(Progressive Web App),
- 一个移动APP(通过Cordova),
- 一个Electron应用,
…共享相同的基本代码。
首先,我们安装Quasar CLI。 确保您的机器上安装了Node> = 8和NPM> = 5。
# Node.js >= 8.9.0 是必需的. |
然后我们用Quasar CLI创建一个项目文件夹:$ quasar init <文件夹名称>
请注意,如果要构建上述任何选项,不需要单独的入门套件。Quasar CLI可以全部处理。
确保你熟悉Quasar CLI,因为你会经常使用它。
包含的内容
在使用Dev Server进行开发时,您将拥有 (运行$ quasar dev
):
- Babel,所以你可以写ES6代码
- Vue SFC的Webpack + vue-loader(单个文件组件)
- 状态保持热重载
- 状态保持编译错误覆盖
- 使用ESLint进行保存时检测
- Source maps
- 如果您开发移动应用程序,在设备模拟器(或连接到您的机器的真实手机)上有开发权限
- 如果您开发的是Electron应用程序,在包含开发工具的Electron窗口有开发权限
对于生产版本,您还可以利用以下优势 (运行$ quasar build
):
- Javascript与UglifyJS
- 用html-minifier压缩HTML
- 将所有组件的CSS提取(和自动前置)到一个文件中,并用cssnano进行压缩
- 所有静态资源都使用版本散列进行编译以实现高效的长期缓存,并且会自动生成一个生产版本的index.html,其中使用适当的URL来指向这些生成的资源。
记下项目文件夹根目录中的’/quasar.conf.js’文件。 该文件可帮助您快速配置您的网站/应用程序的工作方式。 我们将在配置部分中详细介绍它。