第02期 创建项目环境

1、开头

Quasar的官网地址:quasar.dev/

我也找到了中文网站:www.quasarchs.com/ 对于英文不太好的同学,可以直接看中文网站。

首先来看如何安装Quasar CLI,它是Quasar项目的构建工具

image.png

Quasar文档中提到,想要安装Quasar CLI需要先安装node.js,然后再通过包管理工具npm来安装Quasar CLI。简单解释下,node.js可以理解为javascript的运行环境,类似于python的解释器,而npm类似于python的包管理工具pip,所以如果要安装Quasar CLI 就需要先安装node.js

2、安装node.js

node.js中文网站 nodejs.org/zh-cn/

image.png

3、安装Vue-cli

npm install -g vue-cli
复制代码

image.png

4、安装Quasar-cli

~~npm install -g quasar-cli~~

npm install -g @quasar/cli
复制代码

image.png

5、创建项目

~~quasar init 项目名称~~

$ quasar create <folder_name>  直接用这个就可以
复制代码

image.png

6、启动项目

切换到项目目录下,启动项目

cd awesome-todo  // 切换到项目目录下

quasar dev  // 启动项目
复制代码

image.png

项目启动后,会自动通过默认浏览器展示quasar 项目的示例:

image.png

再来看看,项目目录

image.png

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享