【vue组件 | vue-tabs】IDEA中vue-tabs的安装——新手全套操作流程
clone vue-tabs from GitHub
- 1 Git的安装
- 2 在IDEA中引入Git命令行
- 3 安装vue-tabs
- 3.1 $Git Clone vue-tabs
- 3.2 $cnpm install
- 3.3 $cnpm run build
首先来看官方提供的 安装指南-installation.md
git clone [email protected]:alexqdjay/vue-tabs.git node_modules/vue-tabs
cd node_modules/vue-tabs
npm install
npm run build作为一个零经验开发者，对着这几行代码只能发呆，幸好最后还是搞定了。
以下是我克隆vue-tabs组件库的全过程：
1 Git的安装
我的系统是Win10，git安装方法如下：
官方下载：Git_Downloads
先去官网下载安装包，然后一键安装，并且设置自己在GitHub账户，其具体方法是：
在开始菜单里找到“Git”->“Git Bash”，
会跳出Git的命令行窗口，使用方法与cmd类似。
然后键入以下命令行：
$ git config --global user.name "Your Name"// 你的用户名
$ git config --global user.email "[email protected]" //你的邮箱请务必先去GitHub注册。
PS：其他系统下的git安装教程
2 在IDEA中引入Git命令行
鉴于我是在IDEA进行开发，我还需要把git命令行引入IDEA的Terminal窗口。
Idea中使用git 命令窗口
打开idea->file->tools->Terminal；
在shell path 选择git安装目录bin中的bash.exe，就把idea默认的命令窗口切换成了git命令窗口。
3 安装vue-tabs
3.1 $Git Clone vue-tabs
虽然git已经安装完成，但是第一行命令还是报错：
$ git clone [email protected]:alexqdjay/vue-tabs.git node_modules/vue-tabs
Cloning into 'node_modules/vue-tabs'...
Warning: Permanently added the RSA host key for IP address '13.229.188.59' to the list of known hosts.
[email protected]: Permission denied (publickey).
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.很明显，在访问Github网站的时候出现了问题。
$ ssh -T [email protected]
[email protected]: Permission denied (publickey).Git新手往往不会设置公钥，这是设置公钥的教程，
做完之后就可以克隆了。
$ git clone [email protected]:alexqdjay/vue-tabs.git node_modules/vue-tabs
Cloning into 'node_modules/vue-tabs'...
remote: Enumerating objects: 379, done.
Receiving objects: 98% (372/379), 252.01 KiB | 116.00 KiB/s 379
Receiving objects: 100% (379/379), 309.76 KiB | 127.00 KiB/s, done.
Resolving deltas: 100% (181/181), done.成功提示如上。
3.2 $cnpm install
cd node_modules/vue-tabs
npm install键入以上命令之后，报出一长串错误，节选如下：
npm ERR! path C:\Users\caoyufu\IdeaProjects\relocation\Demo1\node_modules\vue-tabs\node_modules\.staging\caniuse-lite-6bd2cb41\data\reg
ions\ME.js
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall unlink
npm ERR! Error: EPERM: operation not permitted, unlink 'C:\Users\caoyufu\IdeaProjects\relocation\Demo1\node_modules\vue-tabs\node_modul
es\.staging\caniuse-lite-6bd2cb41\data\regions\ME.js'这时候上网搜，网友会建议你更新到最新版的npm。
但其实并不需要如此，
前提是你和我一样，安装了cnpm。
$ cnpm install
- [1/62] Installing babel-plugin-syntax-object-rest-spread@^6
\ [4/62] Installing babel-plugin-transform-es2015-shorthand-p
- [15/62] Installing postcss-minify-gradients@^1.0.1platform
unsupported [email protected] › [email protected] › watchpack@1
.6.0 › [email protected] › fsevents@^1.2.7 Package require os(da
rwin) not compatible with your platform(win32)
[fsevents@^1.2.7] optional install error: Package require os(
darwin) not compatible with your platform(win32)
√ Installed 62 packages
√ Linked 1033 latest versions键入cnpm之后，收获一大堆成功提示。
3.3 $cnpm run build
$ cnpm run build
> [email protected] build C:\Users\caoyufu\IdeaProjects\relocati
on\Demo1\node_modules\vue-tabs
> rollup --environment NODE_ENV:production -c build/rollup.co
nfig.js && uglifyjs vue-tabs.js -cm --comments -o vue-tabs.mi
n.js试探着键入cnpm，一切顺利。
然后就可以从node_modules下面找到vue-tabs。
