VUE项目开发模拟去哪儿app(一)

---

一、准备工作：

需要用到的东西有：git、码云代码管理平台、（通过git命令将VUE项目上传到码云平台以及VUE的初始化）

1、安装git

2、注册码云账号https://gitee.com/

       2.1 新建项目（填写项目名称、项目路径、语言选择JavaScript）

              

       2.2 克隆项目到本地

              a、cd desktop 进入桌面

              b、git clone https://gitee.com/dfagd/firstwebapp.git

              c、vue init webpack firstapp 执行vue项目 vue的脚手架

              d、安装基本配置

                     

                e、将项目上传

                       e.1 设置中获取SSH公钥

                               

                        e.2 生成公钥 ssh-keygen -t rsa -C "[email protected]" 邮箱地址改为自己的

                        e.3 连续按三次回车出现下图 

                               

                        e.4 执行命令cat ~/.ssh/id_rsa.pub生成公钥，并复制

                        e.5 粘贴在下图位置，提示输入账号密码即可

                               

                            

                                  至此，线上线下打通！

                           e.6 终端上传本地项目

                                 

                                  

                            e.7 线上查看

                                  

3、项目初期工作 全局引入要用到的css

      3.1 启动项目 npm run dev

      3.2 百度reset.css 将其保存在本地项目中/fistwebapp/src/assets/css/reset.css

      3.3 在项目main.js中引入reset.css

             

      3.4 修改reset.css  添加

            

4、项目初期工作 全局引入要用到的js(fastclick.js解决300ms延迟)

       4.1 终端下载fastclick.js

             

       4.2 导入包 写方法

               

       4.3 npm run dev 重启项目 正常运行即可

5、项目常用图标

       5.1 申请iconfont 阿里矢量图标账号  点击我的项目并新建项目  选择图标，加入购物车，添加到项目，下载到本地

             

             

             

             

            5.2 将iconfont.css放入位置/fistwebapp/src/assets/css/中

            5.3 新建font目录 于/fistwebapp/src/assets/font

            5.4 将.svg   .ttf    .eot   .woff放入font中 

            5.5 修改iconfont.css

                   

           5.6 修改main.js

                   

 6、上传项目

        

        

二、项目框架