Tôi là người dùng Windows và đã là như vậy từ bao lâu tôi nhớ được. Tôi đã lúng túng với Linux nhưng gắn bó với Windows vì tôi thấy nó ít "neckbeardy" (thuộc nhóm geek cực đoan) hơn cho tôi. Cả hai đều có ưu và nhược. Nhưng một trong những nhược điểm lớn nhất của Windows khi tôi bắt đầu học phát triển web là thiếu tất cả công cụ dòng lệnh Linux.
Đó là cho đến khi Windows Subsystem Linux (WSL) xuất hiện ?
Tôi thích nó! Bạn có thể có shell Bash trong Windows và chạy tất cả App Node.js qua nó và với bản cập nhật Windows 10 Fall Creators Update, WSL thực sự dễ thiết lập.
Nhanh chóng bối cảnh tại sao tôi đăng bài này. Tôi "nuke" (xóa sạch cài lại) laptop vài hôm trước vì gặp vấn đề với Bash trên Windows liên quan một phần đến dùng nvm với WSL. Tôi bực bội với hiệu năng máy. Nhưng tôi nhận ra giờ là tôi phản ứng quá mức.
Sau khi khôi phục máy, tôi phải thiết lập lại môi trường phát triển từ đầu. May mắn cho tôi, tôi giữ tất cả cài đặt và cấu hình trong repo GitHub phòng khi nhận máy mới hoặc khôi phục từ sự kiện thảm họa (như máy bị nuke).
Trong bài này, tôi muốn chỉ cho bạn cách tôi thiết lập Windows Subsystem Linux cho môi trường phát triển của tôi.
Đây là quan điểm chủ quan của tôi về thiết lập và sử dụng WSL cụ thể và đây là hướng dẫn từng bước cho lần sau tôi phải quay vòng thiết lập môi trường phát triển từ đầu trên Windows.
Vì vậy, sau khi cài WSL từ Microsoft Store và thêm user mặc định, điều đầu tiên là cập nhật và nâng cấp mọi thứ.
sudo apt updatesudo apt -y upgradeNếu bạn chưa dùng bản phân phối Linux nào trước đó, -y trong câu lệnh upgrade là để mặc định trả lời "Yes" cho mọi lời nhắc hiển thị trong terminal. Bạn có thể không muốn làm vậy, vì có thể có chương trình bạn không muốn cập nhật nhưng tôi làm.
Bằng cách thêm cờ -y, bạn sẽ không có những thông báo này ?
Công cụ xây dựng (Build tools)
Để biên dịch và cài add-on native từ npm bạn cũng có thể cần cài công cụ xây dựng, tôi cần cho Gatsby images dùng sharp mà dùng node-gyp:
sudo apt install -y build-essentialCài node
Cài Node.js theo hướng dẫn trên nodejs.org không thiết lập quyền đúng cho tôi. Vì vậy khi thử npm install bất cứ gì tôi gặp lỗi, tôi phát hiện dùng n giúp ích:
Cài node với n
Vì là cài mới, chúng ta có thể tiến hành dùng n-install với:
curl -L https://git.io/n-install | bashĐiều này sẽ cài phiên bản ổn định mới nhất của node ?
Khi script hoàn tất, khởi động lại bash với:
. /home/my_user_name/.bashrc # hiển thị cho bạn copy pasteKiểm tra phiên bản node và npm:
node -v && npm -vCài fish ?
Fish giờ là shell tôi dùng thuần túy cho tự động hoàn tất/intellisense ? cũng có chủ đề đẹp cho nó.
sudo apt -y install fishsudo apt -y upgrade && sudo apt -y autoremoveCài Oh My Fish | OMF
Oh My Fish giống như trình quản lý gói cho Fish cho phép cài gói và chủ đề.
curl -L https://get.oh-my.fish | fishCài chủ đề OMF
omf install clearanceKhởi đầu của sự bắt đầu
Ổn, vậy là thiết lập cơ bản cho WSL. Bạn có thể muốn cài Git ngay. Tôi dùng SSH thay HTTPS một thời gian trên WSL.
Lưu ý: Lúc viết bài, tích hợp Git WSL với VSCode không hoạt động nên tôi thêm cài Git cho máy Windows, bạn có thể bỏ qua và dùng Git hoàn toàn qua terminal nhưng tôi thực sự thích tích hợp Git của VSCode.
Để thiết lập SSH trên máy, xem hướng dẫn SSH hữu ích này. Tôi nói SSH thay vì HTTPS vì tôi gặp nhiều vấn đề với Git credential manager và keyring manager. Cuối cùng thực sự nhanh hơn tạo khóa SSH và xác thực với GitHub. Hướng dẫn tôi link dẫn bạn qua quy trình.
Di chuyển dotfiles
Nếu bạn backup tất cả dotfiles trong repo GitHub thì bây giờ là lúc thêm chúng vào thư mục WSL, lần trước tôi làm này tôi thủ công đặt quyền sau khi di chuyển từng tệp nhưng sau đó khám phá rsync để di chuyển tất cả tệp.
rsync -avzh /mnt/c/Users/dotfiles/ ~/Điều đó sẽ sao chép nội dung thư mục dotfiles của tôi vào thư mục ~/ (home) trong WSL, bạn có thể kiểm tra với:
ls -la ~/
Tôi sao chép .gitconfig, .gitignore và .npmrc như hình và bạn thấy quyền không nhất quán với tệp .bashrc.
Thay đổi quyền tệp với chmod và để lấy thuộc tính tệp tương tự dùng stat:
stat -c “%a %n” ~/.*Điều này liệt kê tất cả mọi thứ bắt đầu bằng . đây là của tôi:
777 /home/scott/.755 /home/scott/..600 /home/scott/.bash_history644 /home/scott/.bash_logout644 /home/scott/.bashrc777 /home/scott/.cache777 /home/scott/.config777 /home/scott/.gitconfig777 /home/scott/.gitignore777 /home/scott/.local777 /home/scott/.npm777 /home/scott/.npmrc644 /home/scott/.profile644 /home/scott/.sudo_as_admin_successfulTôi chỉ muốn đổi .gitconfig, .gitignore và .npmrc nên tôi làm:
chmod 644 .gitconfig .gitignore .npmrcVà bây giờ tệp của tôi trông như này. ?
Ok bây giờ chúng ta đang chạy với Ubuntu cập nhật, node và terminal fish. Tất nhiên còn việc cài tất cả gói npm global bạn muốn cho phát triển.
Chúc may mắn!
Cảm ơn đã đọc
Nếu bạn thấy thú vị, để lại vỗ tay một hai, đăng ký cập nhật sau hoặc tweet suy nghĩ của bạn.
Nếu có gì tôi bỏ lỡ, hoặc bạn có cách tốt hơn, hãy cho tôi biết.
Liên hệ tôi trên Twitter hoặc Ask Me Anything trên GitHub.
Bạn có thể đọc các bài viết tương tự trên blog của tôi.