npm run dev
项目运行;
$ git pull origin master 更新代码
项目的提交代码
git push -u origin master 这里就开始准备提交到网络上了

项目的地址git :http://124.42.103.222:9080/source/cake_pc/
新媒传信;  ph 的地址:http://124.42.103.222:9080/

tortoiseGit的使用
http://blog.csdn.net/renfufei/article/details/41647973

3、MobaXterm 下载终端 的下载

cmd 的指令;
vue -help
ls
cd f:进入f盘;
cd ../ 返回上一级的目录
注意最好使用: git bash下打开命令行;
vue - V (注意此处是大写)查看vue的版本
vue -list 查看 官方提供的模板;
vue - help
1.首先全局安装vue-cli  npm install vue-vli -g
2、cd 进入目标盘 cd f;
3. vue init webpack vuedemo3 vuedemo3 是项目名称;初始化项目
注意 use Lint 最好 no
4.然后 ctrl + c  安装各种依赖 (注意进入package.json的目录下安装依赖,否则容易失败)
5.输入npm install 切记(安装完就可)出现node modules文件夹了
6、npm run dev 是运行这个项目 可以热更新随时出现veiw中;
7、npm run build 出现一个dist的文件
8、dist文件下的。js 或者.map 是测试用的;
9、项目是在src目录下、main.js 是入口;
10、config是配置文件;是开发环境还是其他的环境;
11、export default {
  name: 'app'
} es6的用法
12、es6的语法data是组件,一个类的概念;防止互相引用的错误
data : funtion (){
return {}
}
13、vue的前端的路由 spa 单页面的应用
14 安装路由 npm install vue-router  --save
15/在main.js里设置路由  import vRouter from  “vue-router”
 ——》Vue.use(VRoouer)使用插件 ——》把router 放入new Vue(实例化对象里)
——》注册一let router = new VRouter ({实例化对象}) 做好一个映射的关系
下载——引入——>使用插件——》实例化路由对象——>做好映射关系——》最后把这个路由对象
——》放入new Vue({当中})
  在哪里显示路由呢,使用router-view
在组件里可以使用<router-link></router-link>向 a标签一样的路由跳转;
在页面里的跳转后;
<router-link :to="{name: 'dog', params: {color: 'brown'},
query: {size: 'medium'}}">Dog</router-link>
   
 <router-link :to="{name: 'cat', params: {color: 'yellow'},

vue2.0项目的环境配置以及有哪些的坑的更多相关文章

  1. vue2.0用法以及环境配置

    一.配置环境搭建 1.安装node.js (可以去官网看) 2.安装git (推荐看廖雪峰文章,点击查看) 3.安装vue: cmd:npm install vue //最新稳定版本 npm inst ...

  2. 前端 高级 (二十五)vue2.0项目实战一 配置简要说明、代码简要说明、Import/Export、轮播和列表例子

    一.启动服务自动打开浏览器运行 二.配置简要说明 1.node_modules 安装好的依赖文件,中间件等,所在位置 2.package.jason 配置当前项目要安装的中间件和依赖文件 { &quo ...

  3. Vue2.0项目

    什么是 Vue Vue 是一个前端框架,特点是 数据绑定 比如你改变一个输入框 Input 标签的值,会 自动同步 更新到页面上其他绑定该输入框的组件的值  组件化 页面上小到一个按钮都可以是一个单 ...

  4. 从零开始搭建Vue2.0项目(一)之快速开始

    从零开始搭建Vue2.0项目(一)之项目快速开始 前言 该样板适用于大型,严肃的项目,并假定您对Webpack和有所了解vue-loader.确保还阅读vue-loader的文档,了解常见的工作流程配 ...

  5. Android SDK 4.0.3 开发环境配置及运行

    最近又装了一次最新版本的ADK环境 目前最新版是Android SDK 4.0.3 本文的插图和文本虽然是Android2.2的 步骤都是一样的,如果安装的过程中遇到什么问题,可以留言,我会尽快回复! ...

  6. SpringBoot2.0之六 多环境配置

    开发过程中面对不同的环境,例如数据库.redis服务器等的不同,可能会面临一直需要修改配置的麻烦中,在以前的项目中,曾通过Tomcat的配置来实现,有的项目甚至需要手动修改相关配置,这种方式费时费力, ...

  7. vue2.0项目 calendar.js(日历组件封装)

    最近一直闲来无事,便寻思着做一下自己的个人项目,也想说能使用现在比较流行的一些mvvm框架来做,于是就选用了这样的一个技术栈vue2.0+vue-router+vuex+webpack来做,做得也是多 ...

  8. 仿B站项目——(2)环境配置,文件目录

    环境配置 主要参考入门Webpack,看这篇就够了,webpack入门和webpack实用配置. 实用开发环境 利用下面的webpack.json和webpack.config.js可以搭建一个使用e ...

  9. Android + Eclipse + PhoneGap 2.9.0 安卓最新环境配置,部分资料整合网上资料,已成功安装.

    前言:最近心血来潮做了一个以品牌为中心的网站,打算推出本地服务o2o应用.快速开发手机应用,最后选择了phonegap,这里我只是讲述我安装的过程,仅供大家参考. 我开发的一个模型http://www ...

随机推荐

  1. ExtJS ComboBox 录入智能提示

    ExtJS ComboBox非常复杂,有很多的属性:其中有的属性是针对某一种特定的方案而设计的,不是所有情况下都有效.我想下拉选择能支持录入,并且录入时能智能提示,弄了半天可以了,但是只能是mode= ...

  2. JSON劫持漏洞攻防原理及演练

    注* 作者发表这篇文章的时间较早,某些方法可能并不是最好的解决方案,但针对这种漏洞进行的攻击还依然可见,如早期的:QQMail邮件泄露漏洞,下面介绍的是对这种攻击原理的介绍. 不久之前,我写了一篇文章 ...

  3. 详解Vuex常见问题、深入理解Vuex

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 状态?我把它理解为在data中的属性需要共 ...

  4. 微信-js sdk invalid signature签名错误 问题解决

    如果出现 invalid signature,首先可以确定的是你的签名算法有问题.建议:首先查看微信官方网站给出的解决方案,链接为: http://mp.weixin.qq.com/wiki/7/aa ...

  5. C#基础视频教程3.2 常见控件类型和使用方法

    这一部分我们介绍如何使用第三方的控件,我们前面一节介绍了使用微软提供的官方控件,比较中规中矩,而且也不用担心稳定性.但是很多时候我们还是会希望用第三方的控件让自己的软件更美观,更独特. 就单纯的按钮, ...

  6. VS中的代码拖放

    平时数据操作中,我们经常在选择文件,由于数据太多.数据目录太深,选择数据文件到TextBox中非常不方便,于是就想让控件支持拖放数据,很多软件都支持这个功能,非常实用. 在ArcGIS10.x开发平台 ...

  7. STL - 算法 - 普通拷贝

    list<, , , , , , , , }; vector<int> coll2; cout << "** collection 1: **" &l ...

  8. TCP协议中的SO_LINGER选项

    TCP协议中的SO_LINGER选项 SO_LINGER选项用来设置延迟关闭的时间,等待套接字发送缓冲区中的数据发送完成.没有设置该选项时,在调用close()后,在发送完FIN后会立即进行一些清理工 ...

  9. vue - 路由传递参数

    结构目录 1. 页面传值(不同之间的页面传值) 1.1 index.js配置 源码: // 引入vue框架 import Vue from 'vue' // 引入vue-router路由依赖 impo ...

  10. Web中树形数据(层级关系数据)的实现—以行政区树为例

    在Web开发中常常遇到树形数据的操作,如菜单.组织机构.行政区(省.市.县)等具有层级关系的数据. 以下以行政区为例说明树形数据(层级关系数据)的存储以及实现,效果如图所看到的. 1 数据库表结构设计 ...