0%

vim 使用指南

1.vim 插件管理器

1.1 Vundle git仓库

安装文档有中文指南。

1.2 第一步

$ git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim

1.3 第二步

.vimrc文件进行设置。

begin()end()之间的为可以添加的插件。

插件添加支持多种格式。

set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()

Plugin 'VundleVim/Vundle.vim'
Plugin 'tpope/vim-fugitive'
Plugin 'L9'
Plugin 'wincent/command-t'
Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown'
Plugin 'suan/vim-instant-markdown'

call vundle#end()            
filetype plugin indent on

1.4 第三步

在vim中输入:PluginInstall来安装插件。


2.vim 常用插件指南

2.1 Command-t

插件地址

插件需要安装ruby,安装完成后,进入目录~/.vim/bundle/command-t/ruby/command-t

执行下方命令:

ruby extconf.rb
make

之后进入Vim,输入命令:CommandT查看效果。

如果提示vim不支持ruby,则安装vim-nox

$ sudo apt-get install vim-nox

下图,为正常运行图

简要使用说明

tab为选择切换到文件选择。方向键用了选择文件。enter确认选择。


2.2 vim中编写markdown与预览

需要安装的插件有三个。

Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown'
Plugin 'suan/vim-instant-markdown'

其中vim-instant-markdown需要安装nodejsnpmxdg-utilsnodejs-legacy

安装instant-markdown-d

$ sudo npm -g install instant-markdown-d

其他需要组件:

$ sudo apt-get install nodejs
$ sudo apt-get install npm
$ sudo apt-get install xdg-utils
$ sudo apt-get install nodejs-legacy

实现的效果为浏览器预览markdown语法高亮

安装完成后效果如下图:


2.3 nerdTree

参考地址

nerdtree-git-plugin git语法提示

vim-nerdtree-tabs NERDTree tag控制

Plugin 'scrooloose/nerdTree'
Plugin 'Xuyuanp/nerdtree-git-plugin'
Plugin 'jistr/vim-nerdtree-tabs'

vim中输入PluginInstall,输入NERDTree检查是否运行

.vimrc中添加设置

" NERDTRee config NERDTree 设置

autocmd vimenter * NERDTree  “ 当指定文件时,自动随VIM启动。

"未指定文件时,加载NERDTree

autocmd StdinReadPre * let s:std_in=1
autocmd VimEnter * if argc() == 0 && !exists("s:std_in") | NERDTree | endif

"隐藏与显示快捷键[Ctrl+n]

map <C-n> :NERDTreeToggle<CR>

"左侧只有一个窗口时,随Vim一起关闭

autocmd bufenter * if (winnr("$") == 1 && exists("b:NERDTree") && b:NERDTree.isTabTree()) | q | endif

日期:2016年7月12日

今日记录

在ubuntu中安装gulpsass

安装nginx+php7.0+mysql。

明日计划

    1. 学习gulp与sass
    1. 定制玩家天赋
    1. laravel 学习
    1. 学习数据结构

about gulp

安装node

sudo apt install nodejs

安装 nodejs-legacy

sudo apt install nodejs-legacy

安装npm

sudo apt install npm

安装gulp

sudo npm install -g gulp

查看node 版本

node -v

查看npm 版本

npm -v

查看gulp 版本

gulp -v

测试gulp时,需要package.jsongulpfile.js文件

安装gulp-sass

npm install gulp-sass

1.jekyll

jekyll官方地址

jekyll中文

1.1安装jekyll必要组件

下文是在ubuntu上安装与设置

$ sudo apt-get install ruby ruby-dev make gcc nodejs

1.2安装jekyll

$ sudo gem install jekyll

之后查看jekyll版本

$ jekyll -v

1.3jekyll使用

首先要设置_config.yml文件

随后build为site。

$ jekyll build

build后网站文件在_site

使用jekyll server运行测试。

$ jekyll server

浏览器输入localhost:4000可以查看网站运行情况。

_post文件下位文章列表,可以将文章放入后build。

注意:文件的头部要使用下方格式

---
layout: post
title: Blogging Like a Hacker
---

2. kramdown 语法说明

2.1 TOC连接[文章目录]

* TOC
{:toc}

生成目录带自动锚点

2.2 删除线

~~删除线~~

2.3 数学公式

需要增加js用于公式解析

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

3. disqus

添加disqus代码到_layouts/post.html

zsh plugin

zsh tmux

缩写 命令
ta tmux attach -t
ts tmux new-session -s
tl tmux list-sessions
tksv tmux kill-server
tkss tmux kill-session -t

zsh git

缩写 命令
g git
ga git add
gaa git add –add
gapa git add –patsh
gb git branch
gba git branch -a
gbnm git branch –no-merged
gbr git branch –remote
gc git commit -v
gca git commit -v -a
gcam git commit -a -m
gcmsg git commit -m
gco git checkout
gcm git checkout master
gcb git checkout -b
gcl git clone –recursive
gcf git config –list
gd git diff
gf git fetch
gl git pull
gm git merge
gmom git merge origin/master
gp git push
gpd git push –dry-run
gpoat git push origin –all && git push origin –tags
gr git remote
gra git remote add
grmv git remote rename
grrm git remote remove
grv git remote -v
grb git rebase
grbm git rebase master
grh git reset HEAD
grhh git reset HEAD –hard
gsb git status -sb
gss git status -s
gst git status
gts git tag -s
gtv git tag

zsh laravel

缩写 命令
la5 php artisan
la5cache php artisan cache:clear
la5routes php artisan route:list
la5vendor php artisan vendor:publish

zsh ubuntu

缩写 命令
ag sudo apt-get
aga sudo apt-get autoclean
agar sudo apt-get autoremove
agb sudo apt-get build-dep
agc sudo apt-get clean
agd sudo apt-get dselect-upgrade
agi sudo apt-get install
agp sudo apt-get purge
agr sudo apt-get remove
agu sudo apt-get update
agud sudo apt-get update && sudo apt-get dist-upgrade
agug sudo apt-get upgrade
aguu sudo apt-get update && sudo apt-get upgrade

zsh npm

缩写 命令
npmg npm i -g
npmS npm i -S
npmD npm i -D
npmO npm outdated

zsh ruby

缩写 命令
sgem sudo gem

zsh bundler

缩写 命令
be bundle exec
bl bundle list
bp bundle package
bo bundle open
bout bundle outdated
bu bundle update
bi bundle install
bcn bundle clean

日期:2016年7月11日

今日记录

UE4 升级到4.12.5

初步设定完成,细化数据库结构以及通信接口。2016年7月11日19:51:58

  • sass学习参考地址

    主要用来处理CSS

  • gulp参考地址1 地址2

    前端开发监听工具

  • bootstrap参考地址

    样式与JS包

  • node.js参考地址

    js服务

  • composer参考地址

    php 包管理

  • laravel 学习参考地址

    PHP框架

npm:node.js 包管理器

pip:python 包管理器

ruby:gem、bundle

开发顺序:

网站→服务端后台→ PC端→APP端。

其中网站的开发与游戏原画制作并行。

网站与服务器要求掌握的知识较多,PC端的机械性工作量较大,APP端需要大量的动画数据。

明日计划

    1. 学习gulp与sass
    1. 定制玩家天赋
    1. laravel 学习
    1. 学习数据结构

日期:2016年7月10日22:07:00

今日活动

安装空调用一天时间。

以后早睡早起,零点前睡,六点钟起床

明天计划

    1. 完成PC端文档,不要玩游戏。
    1. 整理可能使用的数据结构。
    1. 学习laravel 5。
    1. 了解JS、 Sass、gulp、bootstrap、html5
    1. Composer略微学习一下,创建笔记。
    1. 在hp-notebook上部署laravel。以及完整WEB开发环境。
    1. 制定开发顺序。
    1. 实现markdown画流程图的方法。
    1. 研究下 Emacs 如果写 ditaa 与 markdown 。
    1. xmind思维图工具

1. 基本系统安装

1.1. Arch Linux镜像下载

1.2. 安装

1.2.1. VWmare

基本安装设定

  • 设定任意 Linux 64位虚拟机
  • 内存2G,硬盘20G
  • 挂载镜像光盘

1.2.2. 实体机

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# loadkeys us                                // 设置键盘
# cfdisk // 创建硬盘分区
# mkfs.ext4 /dev/sda1 // 格式化分区
# mkswap /dev/sda2 && swapon /dev/sda2 // 挂载swap
# mount /dev/sda1 /mnt // 挂载 分区
# vi /etc/pacman.d/mirrorlist // 添加软件源
# pacman -Syy // 更新软件源
# pacstrap /mnt base base-devel net-tools // 安装基础包
# genfstab -U -p /mnt >> /mnt/etc/fstab // 自动生成引导文件
# arch-chroot /mnt // 切入硬盘root
# vi /etc/locale.gen && locale-gen // 设置字符
# echo LANG="zh_CN.UTF-8" >> /etc/locale.conf // 设置语言
# echo KEYMAP=us >> /etc/vconsole.conf // 设置键盘
# ln -s /usr/share/zoneinfo/Asia/Chongqing /etc/localtime // 设置本地时间
# echo vm >> /etc/hostname // 设置主机名称
# mkinitcpio -p linux // 根据配置生成镜像
# passwd // 修改root密码
# pacman -S grub-bios // 安装grub引导
# grub-install /dev/sda // 安装到硬盘
# grub-mkconfig -o /boot/grub/grub.cfg // 自动设置grub
# exit // 退出root用户
# umount /mnt // 取消挂载硬盘
# reboot // 重启

备注:

1
# mkdir /mnt/home && mount /dev/sda9 /mnt/home     //创建/home 并挂载硬盘。

在创建硬盘分区后执行,如果有需要。

要添加的软件源: 参考官方 最新地址

1
2
3
4
5
http://mirror.bit.edu.cn/archlinux/ - Beijing Institute of Technology
http://mirrors.aliyun.com/archlinux/ - Alibaba

http://mirrors.sohu.com/archlinux/
http://mirrors.yun-idc.com/archlinux/

以上基本安装完成。

1.2.3. 网站参考

地址1

地址2

自动化安装设置工具Archlinux U Install

2. 桌面化安装

3. 常用软件补全

4. 美化

5. 开发环境搭建