从零开始撸一个 Vue 组件库之——1：vue 创建项目

最新推荐文章于 2024-07-31 13:50:57 发布

Beblien

最新推荐文章于 2024-07-31 13:50:57 发布

阅读量346

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_50656154/article/details/125406983

版权

本文介绍了如何从零开始创建一个基于Vue的组件库。首先使用`vue create`命令创建名为my-ui的项目，选择手动配置选项。接着，选择Vue 2.x版本，启用Babel进行ES6转译，CSS预处理器选择Sass/SCSS（dart-sass）。在设置中，选择保存时进行错误预防的ESLint检查，并将配置写入package.json。最后，通过`npm run serve`启动项目，在本地localhost:8080预览运行结果。

摘要由CSDN通过智能技术生成

1:环境都准备好后，我们现在来创建一个vue项目。

接着在命令行输入：

vue create my-ui

my-ui 是你的项目名字。

2：安装选择，我们选最后一个手动配置。

Default ([Vue 2] babel, eslint)
Default ([Vue 3] babel, eslint)
> Manually select features 手动选择

按回车后继续：

光标移动到 CSS Pre-processors css ，按下空格选中后回车继续。

() Choose Vue version 选择vue版本
>() Babel 语法转换器把ES6转换成ES5
() TypeScript
( ) Progressive Web App (PWA) Support
() Router 路由管理器
() Vuex 状态管理库
(*) CSS Pre-processors css
(*) Linter / Formatter
( ) Unit Testing
( ) E2E Testing

版本选择2.0x

选第一个Sass/SCSS