vue环境通过bower搭建

原创 2018年04月17日 10:20:53
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文件夹




版权声明: https://blog.csdn.net/chenacxz/article/details/79969728

webstorm搭建vue环境以及通过webpack模板搭建项目流程

  • 2017年08月19日 11:01
  • 1.29MB
  • 下载

vue.js 开发环境搭建最简单攻略

更新:本篇文章是我很之前写的,对于一些没有工作,或者js基础不太好的同学,建议不必大费周章去搭建环境,可以直接引用 vue.js 就可以进行学习,练习,有些过程是水到渠成的,当初很多不懂的东西慢慢就懂...
  • unaMattin
  • unaMattin
  • 2016-12-09 19:10:58
  • 8905

bower的安装和使用

第一、首先你得有node,这里就不多做介绍了第二、对于windows用户,还需要装msysgit,如下图。注意图二中的那个选项 第三、全局安装npm install -g bowernpm inst...
  • longzhoufeng
  • longzhoufeng
  • 2017-07-12 22:09:55
  • 3990

搭建AngularJS开发Webapp的开发环境-安装bower

接下来说的几个工具都是基于node.js的插件,所有要先下载安装好node.js。下载node安装完成后打开控制台输入node -v如果显示版本号,就说明安装好了。因为npm在国内安装的比较慢,所有在...
  • xyphf
  • xyphf
  • 2017-09-12 07:36:01
  • 393

手把手教给你搭建Vue的环境

第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装 1.2 如果本机已经安装node的运行换,请更新至最新的node 版本 下载地址:https://...
  • maxiaotengzhang
  • maxiaotengzhang
  • 2017-10-23 10:00:00
  • 323

windows下搭建vue开发环境

Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。2016...
  • wu__di
  • wu__di
  • 2017-01-08 17:00:35
  • 17105

包管理工具 - Bower 介绍

bower Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。bower 可以很方便的管理你的项目依赖包。解决不同项目版本之间依...
  • csdn_yudong
  • csdn_yudong
  • 2017-07-08 22:35:00
  • 604

angularjs && bower安装和使用 入门级安装 直接上手

bower安装和使用 入门级安装 直接上手准备工作: 安装nodejs 通过nodejs 安装cnpm 详细过程1.安装完nodejs 执行node -v 查看版本号 项目需求(建议)4.4.72.执...
  • kingrome2017
  • kingrome2017
  • 2017-03-26 15:01:40
  • 896

浅谈windows下搭建Vue.js开发环境

1、安装node.js node.js的官方地址为:https://nodejs.org/en/download/。 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一...
  • zhouziyu2011
  • zhouziyu2011
  • 2017-02-10 11:15:02
  • 7424

vue环境搭建,vue项目创建

vue这个新的工具,确实能够提高效率,在经历的一段时间的摧残之后,终于能够有一个系统的认识了,下面就今天的收获做一个总结,也是vue入门的精髓: 1.要使用vue来开发前端框架,首先要有环境,这个...
  • web_note
  • web_note
  • 2017-02-24 11:36:12
  • 9035
收藏助手
不良信息举报
您举报文章:vue环境通过bower搭建
举报原因:
原因补充:

(最多只允许输入30个字)