Vue学习(一):基于Vue-cli初始化项目及Git管理

通过vue-cli4快速搭建vue项目及Vant安装使用

• 通过cnpm指令安装vue-cli和初始化项目指令

  // 安装vue-cli
  npm install @vue/cli -g
  // 通过 npm create 项目名 ---创建项目
  npm create vue-vant
  

• 初始化项目过程
  

• 项目结构
  

• 项目安装Vant及使用

  //安装指令
  cnpm install vant -s
  //代码引入
  import Vant from 'vant'
  import 'vant/lib/index.css';
  // 使用引入的vant组件
  Vue.use(Vant);
  

Git管理代码

• GitLab搭建个人Git远程仓库

  初次创建Gitlab项目会有一个问题提示:
  You won’t be able to pull or push project code via SSH until you add an SSH key to your profile
  解决方案:
  1 、检查.ssh文件夹是否存在

  $ ls -al ~/.ssh
  

  2、如果不存在,则新建.ssh文件

  $ mkdir ~/.ssh
  

  3、生成KEY在命令行中输入，[email protected]换成自己人Email。

  $ cd ~/.ssh
  $ ssh-keygen -t rsa -C "[email protected]"
  

  系统提示输入文件保存位置等信息，连续按三次回车即可，生成的SSH key文件的保存路径会在终端中给出：id_rsa id_rsa.pub
  4、查看公钥

  $ cat id_rsa.pub
  

  5、将公钥复制过程剪贴板
  
  初始化项目并上传到Git仓库
  
  上传代码后,如图: