vue 写两个小项目练练手

2019-03-07 本文已影响3人 zz77zz

最近开始倒腾vue 今天看了 一整天视频 一共四套

看完给自己一个感觉

1.没有深入讲的都是些基本的请求渲染数据
2.想找的是组件较多具体怎么页面怎么分解的课程
3.要么是教你做个todolist 计算器要么就是个简单的vue-router vue-resource请求渲染数据得深入学习一下不然日后做项目会有很多坑要踩目的就是提前踩坑

列一下今天看的视频做的项目

搭建项目

工具

node
git
最重要的部分提交代码至github

##添加新的文件到暂存区，比如添加一个txt文本
$ git add .

##从暂存区提交到git管理区
$ git commit -m "备注描述文字"

##从git管理区push到远程仓库
$ git push origin master
##第一次发布的时候要加点东西
$ git push -u origin master

sourcetree或者git命令行
vscode
firebase 提供测试数据库
firebase 这套工具我不得不吹 如果有想了解的可以百度或点开链接即可

npm install -g vue-cli
vue init webpack <projectname>

如果出现443问题请打开host 把github ip加上然后ping一下是否会掉包不然是好的剩下的估计就是npm的为难题了我遇到了这个问题
解决办法 具体打开github vue webpack template可以找到
下载模板到根目录然后执行相对文件
vue init ./webpack-develop <项目名>
router和npm点击yes 其余一律no

success
cd project -> npm install -> npm run dev -> 打开浏览器即可