VUE基础构建整个项目的全流程！含git基础操作（本人超细心整理，适合VUE小白）

这个以前我刚学完前端基础知识后，第一次接触vue轻量框架做的笔记，小白跟着它耐心慢慢看看，再自己做个项目慢慢琢磨，会有不少收获。（这个把一个普通css html js 写的项目换成vue的格式的笔记）
刚开始这样跟着做，可能会很僵硬，但是做多几次项目，你就会自然而然发现里面一些原理啦，就能自己写啦
【个人也比较喜欢用axios进行数据获取，还有可以很方便得用共同模块，循环dom什么的，都很方便】

——————————————————————————————
【首先全局安装node-cli环境 npm install -global vue-cli】
1、官网下载git，一直next就可以了，然后终端命令git -version 如果能看到git版本就成功
2、码云新建个人仓库

3、然后点击头像里的设置，点击SSH公钥，然后返回电脑桌面，右键git base（相当于用linax的终端），输入ssh-keygen -t rsa -C "账号"回车，再输入 cat ~/.ssh/id_rsa.pub回车，然后把下面公钥复制到码云的公钥大框里面。

4、再在码云点开新建好的仓库项目，点击克隆，选择ssh，然后复制下载地址，返回git base框，cd进入想要建立的项目文件夹的位置，输入“git clone 刚刚复制的地址”，就可以看到该位置出现码云的项目文件夹，码云的项目 就和电脑的项目同步了。
5、用webpack新建vue项目：cmd进入终端，cd进入项目文件夹的上一层（这里项目文件夹名叫Travel），然后vue init webpack Travel 回车，一直回车就好了
6、Cmd进入travel文件夹 npm run dev，然后命令错误 就npm install先下载依赖，再npm run dev，让文件夹跑起来
7、同步本地和码云的代码：Ctrl+c退出服务器，然后在travel目录下执行 git status，可以看到本地多出来的文件，然后git add.回车，然后，git commit -m ‘add’回车，然后git push，已经同步了（之后再次添加也一样）
————————————————手机端webapp项目初始化————————————
8、使用户不能放大缩小页面

9、Reset重置web页面css文件（不同手机初始化样式不同）：【reset、border、】

10、退出服务端，在cmd中进入travel项目文件夹，npm install fastclick --save
然后在main.js引用并使用：（解决点击延迟）

11、去iconfont新建一个travel项目
12、把helloworld.vue等没用的 代码和相关import引用删了，修改index.js路由根目录改为home.vue显示，在src下新建pages文件夹，把页面都放着，在assets下新建styles文件夹放css文件
——————————————代码编写——————————
13、退出服务器，下载stylus安装包，辅助编写css代码：cmd进入travel文件夹，npm install stylus --save，然后npm install stylus-loader --save，然后重新启动项目（安装sass的命令是cnpm install node-sass@latest）
14、在需要些css的vue文件下引用stylus，stylus下px变成. 1rem/1.1rem：


15、引入iconfont图标步骤：
（1）在官网把图标放进购物车，然后批量下载，解压，把里面这种格式的文件放进assets/style下的iconfont文件夹里，然后把iconfont.css放在style文件夹下，再修改iconfont.css里url的文件夹位置

（2）再mian.js引用iconfont.css

（3）复制iconfont网页的所选icon代码，直接黏贴到div或span或li之类的标签里，记得加固定class=“iconfont”

（4）如果显示不出来图标，重新安装stylus和stylus-loader

16、使用全局通用颜色：在styles下新建一个varibles.styl,在里面放css变量，然后在css样式里面用@import引入styl文件


17、创建文件位置别名：然后要重启服务器。别名在css中使用时 记得在别名前加~

18、上传好文件到git。在码云里进入我的项目，然后新建分支

然后在终端travel下运行git pull显示分支，再运行git checkout 分支名，就可以把线上分支拉到本地，之后开发的代码，就是在这个新分支里的了。运行git status 可以看到现在本地所在哪个分支上