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. QT环境配置:QT5.8.0与VS2013环境配置

    QT环境配置:QT5.8.0与VS2013环境配置 1.下载VS2013,QT5.8.0,qt-vs-tools-msvc2013-2.1.1. 1)VS2013版本为:Visual Studio U ...

  2. vue设置html自动跳转路由器,vue2.0项目实现路由跳转的方法详解

    一.安装 1.安装路由vue-router: npm install vue-router vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功 2.vue项目引入v ...

  3. 转自:拜小白教你OpenCV3.2.0+VS2017开发环境配置

    拜小白教你OpenCV3.2.0+VS2017开发环境配置 本文转载自<拜小白教你OpenCV3.2.0+VS2017开发环境配置>.转载链接. https://blog.csdn.net ...

  4. win7 64位系统 win CE6.0模拟器开发环境配置

    win7 64位系统安装 win CE6.0模拟器开发环境配置 win7 64位系统安装 win CE60模拟器开发环境配置 本章讲解需要的原料 我们对win 7系统的构造都已经很熟悉了在这里不在赘述 ...

  5. 创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目

    创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目 使用vue-cli2.0版本创建vue项目 创建前的准备 开始创建 创建过程 项目正常创建 使用v ...

  6. Vue2.0项目安装Mint-UI - cmd篇

    Vue2.0项目如何安装引入Mint-UI? 这里讲一下如何通过cmd指令安装mint-ui到vue2.0项目. 步骤说明: 和以前一样,先cd到项目根目录 然后cmd:npm i mint-ui - ...

  7. 【Vue2.0】—Vue脚手架配置代理(二十二)

    [Vue2.0]-Vue脚手架配置代理(二十二) 方法一 方法二

  8. 基于node.js开发环境下创建及开发vue.js项目的环境配置骤

    基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...

  9. webpack+Vue2.0项目基础工程文件配置

    随着Vue的流行,很多公司开始技术栈指向Vue,开始的时候用gulp+vue1.0做项目,一直到现在,webpack趋势也上来了,而且vue官网也是用webpack跟Vue结合去讲解实例,接下来大概说 ...

  10. Opencv4.5.0+VS2019+win10环境配置

    Opencv4.5.0+VS2019+win10安装配置 环境 第一步:下载解压opencv安装包 第二步:配置系统环境变量 第三步:相关文件的配置 第四步:VS2019配置属性管理器进行相关配置 环 ...

最新文章

  1. 武汉python培训哪一家好一些-武汉哪个Python培训机构比较好?
  2. OpenCV学习:Mat结构中的数据共享机制
  3. 数据量很大,分页查询很慢,有什么优化方案?
  4. 从 class 文件 看 synchronize 锁膨胀过程(偏向锁 轻量级锁 自旋锁 重量级锁)
  5. python求解分支定界(branch-and-bound)问题使用pybnb基本架构
  6. rip和ospf vrrp vlan综合实验
  7. express 4.x 获取post提交的数据
  8. 更新一些CAD中比较容易混淆的概念
  9. Dependency Walker
  10. RTMP WireShark抓包实例说明
  11. 【知识兔】Excel教程与数值或日期相关的8个快捷键,绝对实用,收藏备用
  12. 上帝模式代码_生产代码中的上帝模式
  13. 移动硬盘识别为本地硬盘_如果仅在硬盘已经旋转时才能识别硬盘,该怎么办?
  14. Aruba7010 默认密码_工信部提醒:手机要及时设置SIM卡密码!很多人都不知道!...
  15. 解决vue + elementUI 渲染图片问题
  16. 广州楼市:400W,高升值潜力的热门板块!
  17. 安卓嵌入式开发教程!Android开发热门前沿知识,2年以上经验必看
  18. 中小学不得在校内设置食品经营场所,量子摩尔定律问世,美团运营摩拜亏45亿,英伟达史上最大手笔收购,这就是今天的大新闻。...
  19. java多线程霓虹灯,PS进阶教程!教你打造效果超逼真的动态闪烁霓虹灯
  20. 开发一个导出功能,将echarts图表导出到excel文件中

热门文章

  1. 《Java程序员职场全攻略:从小工到专家》连载十三:给自己估个好价
  2. Linux学习笔记(五):less|more的命令使用
  3. Keras:模型评估
  4. notepad++正则表达式使用
  5. 学生成绩互帮互助分组C语言,C语言实现—学生成绩管理系统(Linux下运行)
  6. java 变位词,[Java教程]变位词的查找(下)
  7. 华数机器人编程语言_招新 | 海大最「酷」的科创团队,确定不来了解一下吗?...
  8. python三位数数字求和_Python定义函数实现累计求和操作
  9. C/C++ 创建两个链表,实现两个链表低位到高位相加,并输出链表
  10. Android IPC通信系列篇