专栏名称: 前端早读课
我们关注前端,产品体验设计,更关注前端同行的成长。 每天清晨五点早读,四万+同行相伴成长。
今天看啥  ›  专栏  ›  前端早读课

从零开始撸一个Vue3.0组件库-并上传到NPM上

前端早读课  · 公众号  · 前端  · 2021-09-21 06:00
前言今日前端早读课文章由@傲夫靠斯投稿分享。@傲夫靠斯,野生前端工程师,热爱技术,喜欢挑战正文从这开始~~创建Vue3.0项目我们使用Vue-CLI来创建一个新的Vue项目,并起名为like-ui。npm install -g @vue/clivue create like-ui项目的基础配置选择如下:Babel、CSS预处理器、ESLint。Vue版本选择3.0在选择CSS预处理器版本时,我选择SCSS(dart-sass),因为node-sass是出奇的难装,有过经历的都知道。最后这是我的所有选择配置。编写组件可以看到项目的src/components文件夹下面已经有一个HelloWorld组件,让我们修改一下目录结构。把HelloWorld组件移入新创建的li-hello-world文件夹中并改名为index.vue。然后再写一个组件,新创建文件夹li-button,创建index.vue,简单写个按钮组件。template> div> slot/> div>



文章无法展示全部,请购买VIP后 使用网页访问内容 或者 使用第三方RSS订阅工具访问内容





今天看啥 - 让阅读更高品质
本文地址:http://www.jintiankansha.me/t/fQhQz2R6QX