Rust 使用Vim 建置開發環境

更新於 發佈於 閱讀時間約 5 分鐘

近期已經進去了一個看完語法,進去實作的階段,自然需要去挑選一個適合的環境來開發了。

原本使用的VS code,基本的使用上沒什麼問題,只是每當我要裝一些套件時就會報錯,相信花點時間,這些錯都可以解決,但我突然轉念一想,不如換個環境來寫寫看吧。於是就把矛頭轉向系統內建的Vim了。

如果電腦沒內建的話,需要另外裝,不過相信不會太難。

網路上研究了一下使建製Rust開發環境的套件,大部分都有跟Vim兼容,平常看Vim的顏色很死寂,這次就順便來裝飾一下吧。以下是我的成果。

除了色彩繽紛還有其他功能

除了色彩繽紛還有其他功能

我個人是對這樣的成果還滿滿意的,畢竟原生的Vim就是一片死寂的顏色

為了達到上述的效果,我們需要以下的套件:

//套件管理工具
1. vundle
//Rust 官方提供的Vim套件
2. Rust.vim
//讓Vim充滿色彩的關鍵,裝這個前還需要裝Node.js
3. coc.nvim
4. coc-snippets
//它提供了Rust完成和轉到定義等功能,
5. rust-analyizer

在這之前會需要一個vim的vimrc檔 ,我個人是建置在

$HOME/.vim/vimrc

這裡可以先在裡面新增 Rust.vim建議的指令,

syntax enable
filetype indent on
  1. 安裝Vundle
//github
https://github.com/VundleVim/Vundle.vim

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

在這之後你需要照個github內的教學去配置.vimrc文件。

2. 裝置coc.nvim

//github
https://github.com/neoclide/coc.nvim


//在.vimrc 加入Plugin 'neoclide/coc.nvim', {'branch': 'release'}後,輸入指令
//:PluginInstall
//這期間你需要先裝node.js
curl -sL install-node.vercel.app/lts | bash
//也會需要裝yarn
// 要在coc.nvim底下的資料夾
//~/.vim/plugged/coc.nvim/
npm install -g yarn
yarn install

//在安裝後你可以做一些基本的vim配置,可以在https://github.com/neoclide/coc.nvim 上看到基本的範例

3. 裝置Rust.vim 這裡提供兩種方式

//github
https://github.com/rust-lang/rust.vim

//直接裝在vim上
git clone https://github.com/rust-lang/rust.vim ~/.vim/pack/plugins/start/rust.vim
//透過Vundle安裝
Plugin 'rust-lang/rust.vim'

4. 安裝coc.snippt

//github
https://github.com/neoclide/coc-snippets

開啟vim後 輸入:CocInstall coc-snippets

5. 最後一步 安裝Rust

//github 
https://github.com/rust-lang/rust-analyzer


:CocInstall coc-rust-analyzer
raw-image

到這裡基本上已經大功告成,剩下的就是coc.nvim的客製化,這是非常個人化的事情,我個人有另外設定:

  1. Pmenu
  2. PmenuSel
  3. CocFloating

其他都沒變,如果大家有什麼實用的設定都歡迎分享。

留言
avatar-img
留言分享你的想法!
avatar-img
rex chen的沙龍
2會員
8內容數
目前主要是是學習Rust,Rust是一種程式語言,用途頗廣泛,在很多大公司的軟體內部都可見Rust的身影,這個專題,主要紀錄我學習Rust的遇見的事,跟一些小作品。如果對軟體設計相關沒興趣的,基本上不用點開了。
rex chen的沙龍的其他內容
2023/04/30
非本科學習Systems Programming的難處 轉職成工程師後,一直認為自己對相關知識的認識有所不足,特別是系統編程和底層知識。對於非科系學生來說,這些概念可能會很困難,但對於應用層面的編程卻有很大的幫助。最近我正在閱讀一本關於系統編程的書籍——《Rust in Action》。在這本書中,
Thumbnail
2023/04/30
非本科學習Systems Programming的難處 轉職成工程師後,一直認為自己對相關知識的認識有所不足,特別是系統編程和底層知識。對於非科系學生來說,這些概念可能會很困難,但對於應用層面的編程卻有很大的幫助。最近我正在閱讀一本關於系統編程的書籍——《Rust in Action》。在這本書中,
Thumbnail
2023/04/03
自從ChatGPT一出 ,現在跑出一堆AI技術工具,真的是感覺自己工作輕鬆很多又有點覺得自己快失業。其實ChatGPT已經可以寫一些簡單的程式了,而且寫錯跟他講一下,他還會立馬給你一版更正過的,只能說邊用邊嘖嘖稱奇(題外話: 不過也會有你怎麼講,他都一直寫錯的情況啦。顆顆)
Thumbnail
2023/04/03
自從ChatGPT一出 ,現在跑出一堆AI技術工具,真的是感覺自己工作輕鬆很多又有點覺得自己快失業。其實ChatGPT已經可以寫一些簡單的程式了,而且寫錯跟他講一下,他還會立馬給你一版更正過的,只能說邊用邊嘖嘖稱奇(題外話: 不過也會有你怎麼講,他都一直寫錯的情況啦。顆顆)
Thumbnail
2022/10/17
承接上一段,接下來到了一段Rust比較新奇的部分也是控制記憶體的部分AKA所有權。 Rust 程式設計語言 所有權是在Rust處理記憶體的機制,記憶體由所有權系統管理,且編譯器會在編譯時加上一些規則檢查。 在這之前需要知道的部分 每個變數有一個所有者(owner) 同時間只能有一個所有者 只要擁有者
Thumbnail
2022/10/17
承接上一段,接下來到了一段Rust比較新奇的部分也是控制記憶體的部分AKA所有權。 Rust 程式設計語言 所有權是在Rust處理記憶體的機制,記憶體由所有權系統管理,且編譯器會在編譯時加上一些規則檢查。 在這之前需要知道的部分 每個變數有一個所有者(owner) 同時間只能有一個所有者 只要擁有者
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
1. 安裝node.js 2. 建立專案: 接著會詢問一些初始化設定的東西,按照需求選擇即可: 3. 執行 打開http://localhost:3000/ 即可看到畫面。 pages Nuxt.js會自動配置pages中每一個.vue檔案的route。 假設在pages資料夾下新增一個如下內容的a
Thumbnail
1. 安裝node.js 2. 建立專案: 接著會詢問一些初始化設定的東西,按照需求選擇即可: 3. 執行 打開http://localhost:3000/ 即可看到畫面。 pages Nuxt.js會自動配置pages中每一個.vue檔案的route。 假設在pages資料夾下新增一個如下內容的a
Thumbnail
近期已經進去了一個看完語法,進去實作的階段,自然需要去挑選一個適合的環境來開發了。 原本使用的VS code,基本的使用上沒什麼問題,只是每當我要裝一些套件時就會報錯,相信花點時間,這些錯都可以解決,但我突然轉念一想,不如換個環境來寫寫看吧。於是就把矛頭轉向系統內建的Vim了。
Thumbnail
近期已經進去了一個看完語法,進去實作的階段,自然需要去挑選一個適合的環境來開發了。 原本使用的VS code,基本的使用上沒什麼問題,只是每當我要裝一些套件時就會報錯,相信花點時間,這些錯都可以解決,但我突然轉念一想,不如換個環境來寫寫看吧。於是就把矛頭轉向系統內建的Vim了。
Thumbnail
在寫頁面之前,先來介紹 Vue 頁面結構。 首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像,一樣是分成 寫網頁內容、script、style,三個部分,只是 html 標籤換成了 template。 template 就是相當於原生 html 檔
Thumbnail
在寫頁面之前,先來介紹 Vue 頁面結構。 首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像,一樣是分成 寫網頁內容、script、style,三個部分,只是 html 標籤換成了 template。 template 就是相當於原生 html 檔
Thumbnail
專案建好了,那先來講 Vue 的專案架構 詳細內容很多,所以我挑重點講 public index.html public/index.html 是 Vue 頁面的 entry point,進入一個 Vue 頁面會先進 public/index.html,再套用 App.vue,最後才是進入你寫的 .
Thumbnail
專案建好了,那先來講 Vue 的專案架構 詳細內容很多,所以我挑重點講 public index.html public/index.html 是 Vue 頁面的 entry point,進入一個 Vue 頁面會先進 public/index.html,再套用 App.vue,最後才是進入你寫的 .
Thumbnail
前言 Vue 在過去的一兩年內快速發展,寫法也一直改變,我在過去一年多也更改了兩次寫法,在這個系列中我將以最新的 composition api + typescript 寫法進行教學。 javascript 有兩大痛點,一個是異步問題,另一個是弱型別。要渲染畫面一定要多線程同時異步處理,不然真的一
Thumbnail
前言 Vue 在過去的一兩年內快速發展,寫法也一直改變,我在過去一年多也更改了兩次寫法,在這個系列中我將以最新的 composition api + typescript 寫法進行教學。 javascript 有兩大痛點,一個是異步問題,另一個是弱型別。要渲染畫面一定要多線程同時異步處理,不然真的一
Thumbnail
最開始學習一個語言肯定是從基礎語法開始,Rust還算滿幸運的有基礎語法的翻譯,這翻譯是在官方網站下推薦的,初步看起來沒什麼問題,在開發環境中我選擇visual studio code,基本的安裝,如果有問題的話,我相信網路上都找得到答案 第二章節就即開始基礎的Rust用法,非常有C語言的感覺,就是讓
Thumbnail
最開始學習一個語言肯定是從基礎語法開始,Rust還算滿幸運的有基礎語法的翻譯,這翻譯是在官方網站下推薦的,初步看起來沒什麼問題,在開發環境中我選擇visual studio code,基本的安裝,如果有問題的話,我相信網路上都找得到答案 第二章節就即開始基礎的Rust用法,非常有C語言的感覺,就是讓
Thumbnail
Create project 裝好 vue CLI 之後,只要在終端輸入 vue create 想取的專案名稱 就可以開始創建 vue 專案囉 1. Pick a preset 2. Select the features 3. Choose the version of vue 選擇 vue3
Thumbnail
Create project 裝好 vue CLI 之後,只要在終端輸入 vue create 想取的專案名稱 就可以開始創建 vue 專案囉 1. Pick a preset 2. Select the features 3. Choose the version of vue 選擇 vue3
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News