Vue3学习日记(一):使用Vite搭建项目


前言

Vite(法语单词“ fast”,发音为/vit/)是由Vue作者尤雨溪开发的一种新型的前端构建工具,可显着改善前端开发体验。

Vite 现在的版本是2.0 Beta,它默认创建的就是Vue3.0的项目,详细大家可以去GitHub官网进行了解

为什么要使用Vite来搭建Vue3项目呢?

因为它很快(等下你就能见识到),也是Vue作者推崇的

 

搭建项目

兼容性说明

Vite需要Node.js版本> = 12.0.0

我们先要确保自己的Node.js版本> = 12.0.0,在命令行使用 node -v 就可以查看node的版本

如果node版本低于12的话,可以去node官网下载安装更新

 

开始搭建,我们先进入想要新建项目的路径

使用NPM:

$ npm init @vitejs/app

使用Yarn:

$ yarn create @vitejs/app

按照提示进行操作

输入项目名

接下来是选择模板

关于每个模板的详细信息,点击此处进行了解

到这里新项目就搭建完成了


想要启动项目,按照下面代码块依次输入

cd projectname    # 进入当前项目文件夹

npm install (or `yarn`)

npm run dev (or `yarn dev`) 

 

后言

当你运行npm run dev命令时,会发现它比webpack启动速度快多了

这跟我们以前用vue-cli脚手架搭建项目的时候还是有区别的,vite默认端口是3000

vite默认不会让你选择路由、语法检测以及单元测试等,所以这些需要我们后期手动安装引入


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM