vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue3项目搭建

Vue3项目搭建的详细过程记录

作者:欢dog

使用VUE3开发很久了,但一直没进行总结和记录,忙里偷闲整理搭建一套VUE3项目脚手架,下面这篇文章主要给大家介绍了关于Vue3项目搭建的详细过程,需要的朋友可以参考下

一、前言

在2020年的9月19日,万众期待的Vue3终于发布了正式版,命名为“One Piece”

它也带来了很多新的特性:更好的性能、更小的包体积、更好的TypeScript集成、更优秀的API设计。

二、搭建准备

在开发前,你需要确定你的脚手架(vue-cli)的版本在3.x以上

如果版本不能达到要求,则重新安装vue-cli

npm install -g @vue/cli 

三、搭建项目

1. 进入想要存放Vue3项目的目录,运行 然后Y:

vue create vue3-project //可以将vue3-project换成任何你想取的项目名

2. 出现的三个选项:

这边我们选择第三个自定义项目的配置

3.选择项目开发需要用到的配置:

4.选择Vue版本

5.是否选择class风格组件

6.选择ts处理工具和css预处理器

7.是否使用router的history模式

8.选择css预处理语言

9.选择lint的检查规范

10.Eslint检查时机

11.配置文件的选择

12.配置是否形成预设

13.搭建完成

四、启动项目

进入到项目中 

cd ./vue3-project

运行

npm run serve

总结

到此这篇关于Vue3项目搭建的文章就介绍到这了,更多相关Vue3项目搭建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文