仿制element组件-初始化项目(一)
今天的目标是搭建一个vue组件库,用来仿制element的组件用。
一.首先要初始化一个vue项目
可以借助脚手架vue-cli,这里我碰到一个问题,在跑下面命令的时候报错。
这种情况下,先尝试安装vue-cli脚手架工具
npm install --global vue-cli
安装好之后,尝试输入 vue --v,如果有对应的版本号,则说明安装成功,如果没有
则可能是没配置好环境变量
使用命令npm config get prefix获取相关目录
然后将目录添加到系统环境变量path下
可以了。
二.然后,创建一个基于webpack模板的新项目。
vue init webpack sweet-ui
需要一些配置,默认回车即可。
三.安装依赖
四.查看效果
这里发现一个奇怪的报错,居然要在/style后面敲一个回车,以空格结尾。
还有一个报错:
解决办法是注释掉有关的eslint的规则。
其实vue的项目我已经创建过很多次了,但是每每都还是会碰到各种奇葩的问题。看来这种绊子,只能是靠熟能生巧经验累积,来
达到快速解决了。