首页 > 代码库 > vue2.0安装

vue2.0安装

vue2.0环境安装

 

参考网站http://www.open-open.com/lib/view/open1476240930270.html

以上博客vue init webpack-simple 工程名字<工程名字不能用中文>这里的-simple最好是去掉,要不你安装的会缺失很多东西

1.首先安装nodejs(不详细介绍)

http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html

这篇node和npm安装我觉得不错

2.安装vue  

   (1)npm install vue

  (2)npm install -g vue-cli

之后你就可以通过vue --version 查看vue的版本,如果你出现vue找不到

那你首先要去确认你的系统变量是否配置好了这是我的盘符E:\nodejs\node_global\node_modules

注意:环境变量 E:\nodejs\node_global   加到这一级就可以了

3能查看vue的版本之后

在硬盘上找一个文件夹放工程用的,在终端中进入该目录

cd vue

根据模板创建项目

配置完之后开始创建文件

vue init webpack my-project

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

这里就是无脑回车,就可以在你的文件夹发现你新建的文件

还有一些描述什么的操作,

完成之后进入工程文件

npm install安装npm

如果出现以下错误

技术分享

可能是因为你的npm版本过低更新你的版本

npm update -g

再次应该安装就成功了

再次安装

安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

npm install vue-router vue-resource --save

启动项目

npm run dev

技术分享

 

 

 到这一步就成功了

vue2.0安装