vue环境通过bower搭建

Bower的安装为什么使用bower,因为它可以节省掉你去git或是网上找js的时间;

bower 安装之前先安装Git,可参考(点击打开链接

在D盘下新建一个vue文件夹(D:\vue)

(windows条件下:如果快捷列表里没有找到找到 Git CMD,通过安装路径找到 C:\Program Files (x86)\Git\Git CMD

之后就可以用npm包管理工具下载并全局安装bower

d:    cd vue    npm install -g bower

安装完成过后在此页面可通过 bower -v 查看当前版本号

在当前文件夹下需要加一个.bowerrc文件。注意,不需要名字什么的,只要新增一个.bowerrc就行了。

type null >.bowerrc

 

通过编辑器打开这个文件,添加代码(以后一些生成的插件,将会放入这个lib文件下)

{
"directory": "lib"

}

由于在实际安装过程中,没有运行命令>bower init 现在重新运行该命令 生成bower.json

解决办法:在 windows cmd(管理者) 里面使用 bower init,而不是在 git bash 里

初始化当前工程的bower,此操作会在当前目录下生成bower.json文件:(一直按回车键,使用它默认的东西就可以)

>bower init

bower install vue  --save-dev(将会在lib 文件夹下生成vue文件)

 

 

vue调试工具安装(基于谷歌浏览器插件,可以看到vue里对应的数据)

点击进入网页(点击打开链接

找到当前的vue文件夹右键打开Git

将之前copy的路径复制过来 在前面加上 git clone 

输入cd vue-devtools,进入到vue-devtools文件夹下

然后安装npm :cnpm install

安装完成后输入:npm run build

进入谷歌浏览器,进行如下操作

然后进入到

进入到安装vue路径下的 vue-devtools文件夹



 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值