安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，如果该命令不可用，需要安装node软件包，根据你的系统版本选择下载安装就可以了。 一、安装vue-cli 在命令行工具输入：npm install vue-cli -g -g:代表全局安装。用vue -V 来检查你安装版本号（-V，是大写的） 二、初始化项目 我们用vue in...
vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，由于国内不能访问谷歌商店（要科学上网），所以安装比较麻烦，写个文章记录一下。 第一步 将vue-devtools clone到本地 git clone https://github.com/vuejs/vue-devtools.git第二步 在vue-devtools目录下安装依赖包 cd vue-devtools npm install第三步 编译代码 npm run build 第四步 修改 vue-devtools/shells/chrome/manifest.json 文件，将 persistent改成 true ...
前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v npm -v cnpm -v 这些环境都已经配置成功了，若没有的话请点击这篇文章查看：node和cnpm安装看着一篇就够了 如果都OK了那下面就进入正题 首先打开终端在里面输入以下内容 sudo cnpm install -g vue-cli 安装成功后输入vue会出现以下内容：在输入vue list查看下：OK当出现这些之后你的全局的vue就安装成功了。安装webpack模板，并设置工程信息 输入命令 v...
项目需要引用额外的ui组件库，就需要安装style-loader和css-loader 安装style-loader （css-loader默认有） npm install style-loader -D然后，打开模板build--webpack.base.conf.js( 根据初始化模板不同也可能是 build 下面的webpack.base.conf.js ),新增一个json，注意style！css顺序不能颠倒（！表示连接） 补充： 2.0 以后应该写成 style-loader!css-loader (-loader不能省略) 以上这篇vue2.0安装style/css loader的方法就是小...
一、新建vue项目 1、首先需要下载nodejs，安装后打开命令窗口可以使用npm包管理工具npm集成在node中的，所以直接输入npm-v查看npm的版本信息2、npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。 3、在命令行中输入 npm install -g cnpm--registry=http://registry.npm.taobao.org然后等待安装完成，就可以使用cnpm安装依赖包了，这里说一下最好用npm安装，cnpm有...
一、Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,具有以下特性: 使用文档： http://mint-ui.github.io/#!/zh-cn Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进...
什么是vue-devtools？ vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装方式 1.chrome商店直接安装： vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 2.手动安装： 第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools git clone https://g...
初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后，都会经常有一个疑问。我在chrome浏览器里面已经成功安装好Vue.js devtool插件，怎么点击后提示vue.js not detected，无法正常使用呢？对于这样的问题，新人可能会花费很多时间去找答案，今天我们就来整理了解决方法，希望对大家有帮助。首先，我们先要确保Vue.js devtool插件已经安装成功了。具体的Vue.js devtool插件的安装方法可以：chrome插件CRX的离线安装方法...
本文为大家分享了vuejs安装教程，供大家参考，具体内容如下 1.安装nodejs，自带npm环境。 地址：https://nodejs.org/en/download/，Node.js 历史版本下载地址：https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。安装过程参见：安装配置 2.安装淘宝镜像。 因国内访问国外链接速度过慢，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。 打开cmd直接输入：npm install -g cnpm –registry=https://regist...
一、导语 最近接触了下idea，虽然我对于各种“代码界的神器”没有多大感冒，一个eclipse或者myeclipse，一个Notepad++ 、一个就可以把我征服，但还是蛮喜欢idea这个神器的，虽然，特别坑我的内存。 二、正文 vue在idea中运行，需要配置一定的环境，哦，先讲讲如何破解idea吧。 1、idea的安装 idea最好还是用2015版本的吧，不知道适不适合安卓那些开发，但是对于要开发vue的前端小朋友，还是用2015吧的好，解释不了其他版本哪里不好...
本人在安装vue脚手架时报这样的错，我访问了漫山遍野还是没找到答案，有人叫我用cnpm安装，但是cnpm安装的vue有好多坑在里面： npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! path C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! code ENOENT np...
上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。 1 简易安装要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，先不管那些高大上的费时间的安装方法，直接引入一个js文件，先把代码敲代码再说。 <head><meta charset="UTF-8"><title>简易安装 Vue.js</title><script src="vue.js"></script> </head> 官网提供了Vue.js源码下载的地方：https://cdn.jsdelivr.ne...
介绍 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文是基于上一篇文章（Vue学习笔记进阶篇——vue-cli安装及介绍 ）vue-cli脚手架工具的。 安装 在终端通过cd命令进入到上...
介绍 Vue-cli是Vue的脚手架工具 主要作用：目录结构、本地调试、代码部署、热加载、单元测试 地址：https://github.com/vuejs/vue-cli 安装 全局安装vue-cli npm install -g vue-cli当然了，要想使用npm工具，就必须安装Node.js，node.js的安装方法这里就不做介绍了。安装完成后，在终端输入以下命令, 可以查看vue的版本：vue -V输入以下命令，可以查看官方提供的模板： vue list我们可以看到，vue官方提供了6个模板，我们这边主要...
1，使用save会在package.json中自动添加。 npm install node-sass --savenpm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题）3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）cnpm install node-sass --save （使用淘宝镜像安装node-sass） 以上就是本文的全部内容，希望对大家的学习有所帮助，也...