Rust 使用Vim 建置開發環境
閱讀時間約 4 分鐘
近期已經進去了一個看完語法，進去實作的階段，自然需要去挑選一個適合的環境來開發了。
原本使用的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
- 安裝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
到這裡基本上已經大功告成，剩下的就是coc.nvim的客製化，這是非常個人化的事情，我個人有另外設定：
- Pmenu
- PmenuSel
- CocFloating
其他都沒變，如果大家有什麼實用的設定都歡迎分享。
2會員
8內容數
目前主要是是學習Rust，Rust是一種程式語言，用途頗廣泛，在很多大公司的軟體內部都可見Rust的身影，這個專題，主要紀錄我學習Rust的遇見的事，跟一些小作品。如果對軟體設計相關沒興趣的，基本上不用點開了。
留言0
查看全部
你可能也想看
Google News 追蹤
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
首先要安裝vscode :
Visual Studio Code - Code Editing. Redefined
安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。
架設環境
安裝Visual Studio Code(https://code.visualstudio.com/)
安裝Node.js(https://nodejs.org/en/
本篇將分享VSCode工作區的設定與功能，包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo，提高工作效率。
本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。
Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。
在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Vue 是尤雨溪所開發的一個前端框架，Vue 提供了響應式數據綁定和組件化的開發模式，能方便開發者構建出具有良好交互性的前端應用。而 Vite 則是一個前端構建工具，用途是提供更快的開發體驗。然後，本文將介紹如何使用 Vite 建立一個 Vue 專案的開發環境，這是你學習 Vue 的第一步。
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
首先要安裝vscode :
Visual Studio Code - Code Editing. Redefined
安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。
架設環境
安裝Visual Studio Code(https://code.visualstudio.com/)
安裝Node.js(https://nodejs.org/en/
本篇將分享VSCode工作區的設定與功能，包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo，提高工作效率。
本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。
Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。
在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Vue 是尤雨溪所開發的一個前端框架，Vue 提供了響應式數據綁定和組件化的開發模式，能方便開發者構建出具有良好交互性的前端應用。而 Vite 則是一個前端構建工具，用途是提供更快的開發體驗。然後，本文將介紹如何使用 Vite 建立一個 Vue 專案的開發環境，這是你學習 Vue 的第一步。