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项目,
![9ce2a27c33f87cbe787009840d363deb.png](https://i-blog.csdnimg.cn/blog_migrate/966edaf8195a96012be5039ff41e334c.png)
Vue项目树是这样的:
![fd3ce505a27174298c501675a5e97abd.png](https://i-blog.csdnimg.cn/blog_migrate/25a74eeba8509dce94883274d0a59562.jpeg)
然后命令npm install 相关的包来生成相关的依赖,添加的依赖的包都会在新生成的nodemodule里面,并且向package json里面添加相应的键值对,然而在上传项目到git上时通常要删掉node module这个包来减小整个项目的内存,通过npm run build对项目进行压缩和丑陋化 那么当项目被拉下来时会用npm install来重新下载项目需要的依赖包(是根据package json来生成的),再次重新生成nodemodule文件(和前面有所重复)
![a80e48673e74c9b6d4ec6f9455b86101.png](https://i-blog.csdnimg.cn/blog_migrate/e8b19247eb8467c6ce32dd82ab9a5696.jpeg)
,
Travel区块链项目思想:
这是一个比赛用项目:基于携程飞猪等旅游软件,信息不明确,造成客户损失,恶意刷好评,第三方金融软件抽取提成等等问题,决定基于区块链的优势进行项目开发。
区块链最大的优点是去中心化:杜绝了第三方金融机构,用户和商家可以缴纳一定的token币生成智能合约点对点直接交互,将缴纳的token币反馈给参与者,资金不保存在第三方金融机构而是放在智能合约里面。每次生成和调用合约会经过所有节点的同步,产生同步成本,杜绝垃圾交易,
分布式存储:整个区块链的每一个区块hash加密生成一个区块头存储在各个节点,任何一个节点的用户都会有整个区块链的数据
区块链的存储机制是和链表类似,每个子区块和存有父块的hash值,人工更改交易活动会付出巨大的代价,即使了解了算法,改动也会被每个节点的用户熟知。
基于绿色出行碳排放的积分网站项目:
项目背景:还是一个比赛项目,目的是设计一个公益性的积分系统,响应国际“金山银山不如绿水青山的号召”利用企业提供的接口和数据库,对每一个用户的每一次出行的减碳行为进行积分奖励:比如说系统检测用户今天骑自行车,坐地铁为环保做出了多大贡献,(当然数据可以从公司的数据库中获得,比如微信的步数,湘行一卡通的数据等)。那么需要用vue写一个单页应用完成界面设置,再通过后端提供的方法接口进行数据访问。
那么具体的开发:这是一个单页面应用,很多组件是一个页面固定的,类似于微信,footbar和header是每个页面都有的,而点击按钮实现跳转的是一整个页面的一部分,
那么前端开发构建页面,实现组件之间的交互,利用mvvm框架进行数据的实时绑定与改变,通过区块链提供的方法接口传入相关参数来调用链上的数据和方法。
这次先写这么多,本篇遗留的问题下一篇接着补充