Vue学习-环境搭建

0 先按照npm
参考 http://www.runoob.com/nodejs/nodejs-install-setup.html
检测是否按照成功

npm --version

如果npm版本小于3，则需要升级最新版本

1 先绑定taobao镜像npm
镜像地址:http://npm.taobao.org/
执行下面命令

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

2 安装Vue
参考 http://www.runoob.com/vue2/vue-install.html

cnpm install vue

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.
....
#进入项目
$ cd my-project
#安装依赖
$ cnpm install
#运行项目
$ cnpm run dev
##访问首页
http://localhost:8080/

3 初始化项目
4 加载到webStorm

在Vue的官网上找安装教程即可