狂神说vue笔记_vue项目笔记

Vue学习笔记：

首先打开vs code下载vetur来搭建vue开发环境，终端用npm运行，所以需要下载node.js,并安装vue-cli来快速搭建vue项目，那么在下载node.js后需要打开cmd 输入npm -V检查npm是否安装成功，返回版本号及安装成功，如果低于3.0的版本需要进行升级

升级方法：cd 到nodejs安装目录，输入更新命令npm update npm

那么一般用npm命令安装东西的时候速度有时会很慢，这个时候需要用淘宝镜像安装cnpm，

安装命令：npm install -g cnpm -registry=http://registry.npm.taobao.org

接下来我们需要安装vue脚手架了，用vue-cli可以快速搭建大型单页应用

输入命令：cnpm install -g vue-cli

安装后输入vue -V检查是否成功，如果输出版本号就表示成功了

由于项目是分布式开发的，所以要下载git，假设下载成功了，打开文件夹，进入自己的工作盘符，右键选择git bash打开，git clone+项目地址，将项目拉入本地

那么回到第一步，安装了vetur之后，打开项目所在文件夹，npm install 这里是因为很多项目上传到git时会删掉nodemodule文件，但是会保留packag.json文件，所以打开终端输入npm install后会根据里面的键值对重新安装依赖，保证项目的正常运行，执行代码之后会有新的nodemodule文件生成，这时候就可以开始完成自己工作页面了，

那么如果要查看git上更新的代码怎么办呢？

在终端输入git stash将自己的代码推到一边，git pull将更新的git拉下来，git stash pop处理冲突，解决冲突之后就可以啦

那么怎么上传自己的代码呢？在刚刚的git stash pop后 输入 git commit -m‘信息’将当前工作打包，git push将工作推到远端。

说一下nodejs和vue的关系

Nodejs不是框架，是js的运行环境，类似于java的运行环境jvm一样，安装对应的nodejs版本可以实现通过js来写后台

Vue不是框架，是一个库，vue和nodejs没什么关系吧，我个人觉得nodejs中提供npm，cmd通过npm全局安装vue-cli方便快速搭建大型单页应用

那么先进行vue项目的初始化，在目录里面新建一个文件夹，打开cmd，cd到当前文件夹输入vue init webpack aaa即在当前文件夹里新建一个名为aaa的vue项目，

Vue项目树是这样的：

然后命令npm install 相关的包来生成相关的依赖，添加的依赖的包都会在新生成的nodemodule里面，并且向package json里面添加相应的键值对，然而在上传项目到git上时通常要删掉node module这个包来减小整个项目的内存，通过npm run build对项目进行压缩和丑陋化 那么当项目被拉下来时会用npm install来重新下载项目需要的依赖包（是根据package json来生成的），再次重新生成nodemodule文件（和前面有所重复）

，

Travel区块链项目思想：

这是一个比赛用项目：基于携程飞猪等旅游软件，信息不明确，造成客户损失，恶意刷好评，第三方金融软件抽取提成等等问题，决定基于区块链的优势进行项目开发。

区块链最大的优点是去中心化：杜绝了第三方金融机构，用户和商家可以缴纳一定的token币生成智能合约点对点直接交互，将缴纳的token币反馈给参与者，资金不保存在第三方金融机构而是放在智能合约里面。每次生成和调用合约会经过所有节点的同步，产生同步成本，杜绝垃圾交易，

分布式存储：整个区块链的每一个区块hash加密生成一个区块头存储在各个节点，任何一个节点的用户都会有整个区块链的数据

区块链的存储机制是和链表类似，每个子区块和存有父块的hash值，人工更改交易活动会付出巨大的代价，即使了解了算法，改动也会被每个节点的用户熟知。

基于绿色出行碳排放的积分网站项目：

项目背景：还是一个比赛项目，目的是设计一个公益性的积分系统，响应国际“金山银山不如绿水青山的号召”利用企业提供的接口和数据库，对每一个用户的每一次出行的减碳行为进行积分奖励：比如说系统检测用户今天骑自行车，坐地铁为环保做出了多大贡献，（当然数据可以从公司的数据库中获得，比如微信的步数，湘行一卡通的数据等）。那么需要用vue写一个单页应用完成界面设置，再通过后端提供的方法接口进行数据访问。

那么具体的开发：这是一个单页面应用，很多组件是一个页面固定的，类似于微信，footbar和header是每个页面都有的，而点击按钮实现跳转的是一整个页面的一部分，

那么前端开发构建页面，实现组件之间的交互，利用mvvm框架进行数据的实时绑定与改变，通过区块链提供的方法接口传入相关参数来调用链上的数据和方法。

这次先写这么多，本篇遗留的问题下一篇接着补充