Vue2.0初探

Vue2.0初探

  • 最近更新2017年04月21日

(一)、安装基本的环境

1、全局安装 vue-cli

npm install vue-cli -g

2、借此也全局安装一个 webpack

npm install webpack -g

注意这里可能会有坑,墙内的用户安装失败,没关系,我们先安装淘宝镜像

npm install -g cnpm –registry=https://registry.npm.taobao.org

然后通过以下命令安装 webpack

cnpm install webpack -g

注:下面 orange 默认给出 npm 的安装方案,安装失败请自行转为 cnpm 安装

(二)、创建项目

3、在需要创建工程的位置运行

vue init webpack-simple 工程名字<工程名字不能用中文>

或者创建 vue1.0 的项目,只需将命令换成

vue init webpack-simple#1.0

这里我们基于 2.x 开发的,直接使用第一种方法创建工程即可,下图是创建工程时的截图,需要你添加 Project name , Project description , Author .

4、进入项目目录 安装项目依赖

一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。

npm install

如果有警告:

使用下面命令安装即可

npm install –no -optional  注意no前面是2个横杠,

5、启动项目

Npm run dev

 

 

 

分享到 :
Java 日期的比较和修改
上一篇 2017-04-14
centos6.5-64bit安装htop
2017-04-14 下一篇
相关推荐

Vue基于access_token鉴权的 退出实现

前端使用Vue,前后端鉴权是基于access_token,根基id生成access_...

Vue异步上传图片数据绑定失败解决方法

Vue异步上传图片数据绑定失败解决方法业务概述:页面加载调用后台方法获取数据(后台[...

vue自定义过滤器–千分符过滤器

1.写过滤器,在main.js定义过滤器,红色为过滤器颜色Vue.filter('[...

Vue中img的src属性绑定正确方法

不少人在vue的开发中遇到这样一个问题:img的src属性绑定url变量,然而图片[...