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

到这一步就成功了

时间: 2024-08-16 14:18:19

vue2.0安装的相关文章

vue2.0 安装 cli脚手架

1:初始化代码 进入文件夹 d/wamp/www/music/demo vue init webpack vue-music 2 : 添加项目信息 并且按照router 3 : 进入项目并且安装依赖 cd vue-music npm install 4 : 启动项目 npm run dev

Vue.js系列之项目搭建(vue2.0 + vue-cli + webpack )

1.安装node node.js环境(npm包管理器) cnpm npm的淘宝镜像 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功. npm包管理器,是集成在node中的,所以,直接输入 npm -v就会显示出npm的版本信息. 2.安装cnpm 在命令行中输入 npm install -g cnpm --registry=http://registr

[js高手之路]Vue2.0基于vue-cli+webpack父子组件通信教程

在git命令行下,执行以下命令完成环境的搭建: 1,npm install --global vue-cli  安装vue命令行工具 2,vue init webpack vue-demo   使用vue命令生成一个webpack项目,项目名称为vue-demo 3,cd vue-demo 切入项目 4,npm install安装package.json中的所有依赖包 5,npm run dev运行项目 一.父组件向子组件传递数据 然后删除默认的Hello.vue组件,把App.vue整理成以下

vue2.0 transition

vue2.0 transition -- demo实践填坑 前言 vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的,具体请自行详看文档介绍:https://vuefe.cn/v2/guide/migration.html#过渡.在使用2.0版本做过渡效果的时候,虽然比1.0版本强大很多,但是实践过程中还是踩了一些不应该踩但是还是踩了的坑.虽然官网文档已经很详细地介绍了各种应用场景,但是这里还是通过几个小demo案例来感受下vue2.0 transition 带来的便利吧! 实践 这里将通过

Vue2.0新手入坑环境搭建(一)

每周不定期更新  专业团队接APP 外包 联系QQ1129580542 vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一. 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包. 只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.

vue2.0入门

vue2.0 开发实践总结之入门篇 vue2.0 据说也出了很久了,博主终于操了一次实刀. 整体项目采用  vue +  vue-router +  vuex (传说中的vue 全家桶 ),构建工具使用尤大大推出的vue-cli 后续文章:如果有兴趣,可以移步  vue2.0 开发实践总结之疑难篇 项目是图片分享社交平台.   项目预览: 1 .vue-cli构建工具必知  我选用的vue-cli 是基于webpack的版本 ,不了解webpack的可以先粗略看下下面的基本知识 webpack

vue2.0 配置环境总结(都是泪啊)

最近有点空闲时间,终于把一直想学的vue提上了日程,以下是收集的一些帮助入门的链接 1:https://vuefe.cn/v2/guide/ vue2.0中文官网 2:https://router.vuejs.org/zh-cn/index.html vue2.0路由中文官网 3:https://github.com/jsfront/src/blob/master/vuejs.md 有一些不错的vue插件,教程,视频和学习资料分享 一些不错的vue2.0博客分享: 1:https://segme

饿了么基于Vue2.0的通用组件开发之路(分享会记录)

Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网:http://element.eleme.io/#/github:https://github.com/ElemeFE/element ## 设计目的 大部分项目起源都是源于业务方的需求,Element 也是一样.随着公司业务发展,内部开始衍生出很多后台系统,UED 部门也接到越来越多的设计需求,

VUE2.0不可忽视的很多变化

今天使用webpack-sample初始一个vue-cli项目,在app.vue文件中添加了个钩子函数ready,可是ready内的事件一直不执行,检查了webpack文件和package.json也没发现什么问题,浏览器也没报错或者提示,很令人捉急.然后去github看了webpack-simple源码,才发现原来vue init webpack-simple默认安装的vue是2.0版本.马上推测到是不是因为vue2.0废弃了ready的用法,果然不出所料,我真是太机智了.看了下vue2.0的