vim插件(vim-emmet)安裝步驟


vim安裝插件  vim-emmet
vim-emmet網址  https://www.vim.org/scripts/script.php?script_id=2981
pathogen.vim網址  https://www.vim.org/scripts/script.php?script_id=2332
github網址  http://github.com/mattn/emmet-vim
1)去home目錄下,並查看home目錄下是否有.vim目錄和.vimrc文件,如果沒有,則新建,執行以下命令: 

cd ~/.vim
touch .vimrc

    
2)安裝pathogen.vim,執行以下命令
pathogen是安裝其他包的工具
創建目錄: 

mkdir -p ~/.vim/autoload ~/.vim/bundle

安裝pathogen:

curl -LSso ~/.vim/autoload/pathogen.vim https://tpo.pe/pathogen.vim

curl是軟件安裝的一種方式
            
3)安裝git 

sudo apt-get install git

使用以下命令測試git是否安裝成功     

git --version

         
4) 使用pathogen.vim和git安裝vim-emmet
第一種方案:
1.進入.vim的bundle目錄          

cd ~/.vim/bundle

               
2.下載插件   

 git clone https://github.com/mattn/emmet-vim.git

          
3.使用
編輯.vimrc            

vim ~/.vimrc

在最上方添加一下內容
        execute pathogen#infect()
默認的觸發鍵是ctrl+y+,
在~/.vimrc修改Emmet擴展鍵,更改觸發鍵為Ctrl+e
在最末尾添加以下內容:
   let g:user_emmet_expandabbr_key = '<C-e>'
就可以在html使用Ctrl+e進行快速編寫了
                
 第二種方案
1.在~/.vim手動創建plugin目錄,這是將來存放插件的目錄
 第一步:

cd ~/.vim

第二步:

mkdir plugin

               
2.進入.vim的bundle目錄   

cd ~/.vim/bundle

               
3.下載插件

 git clone https://github.com/mattn/emmet-vim.git

               
4.進入下載好的目錄

cd emmet-vim

     
5.將下載好插件部分內容復制到vim的插件目錄和自動加載目錄
第一步:

cp ~/.vim/bundle/emmet-vim/plugin/emmet.vim ~/.vim/plugin/

第二步:

cp ~/.vim/bundle/emmet-vim/autoload/emmet.vim ~/.vim/autoload/

第三步:

cp -a ~/.vim/bundle/emmet-vim/autoload/emmet ~/.vim/autoload/

               
6.使用
vim基礎配置【在~/.vimrc文件中編輯
在每行前面顯示文本行數:
    set nu  
設置tab鍵縮進間距為兩個英文字母長度
    set tabstop = 2
                    
插件快速補全代碼默認的觸發鍵是ctrl+y+,
在~/.vimrc修改Emmet擴展鍵,更改觸發鍵為Ctrl+e           

 vim ~/.vimrc

在最上方添加一下內容
    execute pathogen#infect()
在最末尾添加以下內容:【設置使用ctrl+e 鍵來快速構建代碼
    let g:user_emmet_expandabbr_key = '<C-e>'
在里面添加一行內容【設置一對標簽換行后縮進對齊
    set autoindent
就可以在html使用Ctrl+e進行快速編寫了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM