Tôi là người dùng Windows và đã lâu như vậy mà tôi có thể nhớ được. Tôi cũng đã tìm hiểu kỹ về Linux nhưng lại mắc kẹt với Windows vì tôi thấy nó đỡ vất vả hơn đối với tôi. Cả hai đều có ưu và nhược điểm của họ. Nhưng một trong những nhược điểm lớn nhất của Windows đối với tôi khi tôi bắt đầu học phát triển web là thiếu tất cả các công cụ dòng lệnh Linux của tôi.
Đó là cho đến khi Hệ thống con Windows Linux (WSL) ra đời?
Tôi thích nó! Bạn có thể có Bash shell trong Windows và chạy tất cả các Ứng dụng Node.js của mình thông qua nó và với Bản cập nhật Windows 10 Fall Creators, WSL thực sự dễ dàng thiết lập.
Cốt truyện ngắn về lý do tại sao tôi đăng bài này. Tôi đã đánh máy tính xách tay của mình vào ngày hôm trước khi tôi gặp sự cố với Bash trên Windows một phần liên quan đến việc sử dụng nvm với WSL. Tôi đã thất vọng với cách máy tính của tôi hoạt động. Nhưng bây giờ tôi nhận ra rằng tôi đã phản ứng quá mức.
Sau khi mang máy tính trở lại, tôi phải thiết lập lại môi trường phát triển của mình từ đầu. Thật may mắn cho tôi, tôi giữ tất cả các cài đặt và thông tin cấu hình của mình trong kho lưu trữ GitHub trong trường hợp tôi nhận được một máy tính mới hoặc để khôi phục sau một sự kiện thảm khốc (như một máy tính không hạt nhân).
Trong bài viết này, tôi muốn chỉ cho bạn cách tôi thiết lập Hệ thống con Windows Linux cho môi trường phát triển của mình.
Đây là quan điểm kiên định của tôi về cách thiết lập và sử dụng WSL cụ thể của tôi và đây là hướng dẫn từng bước của tôi cho lần tiếp theo tôi phải tạo ra một môi trường phát triển từ đầu trên Windows.
Vì vậy, sau khi cài đặt WSL từ Microsoft Store và thêm người dùng mặc định của bạn, điều đầu tiên là cập nhật và nâng cấp mọi thứ.
sudo apt updatesudo apt -y upgrade
Nếu bạn chưa sử dụng bất kỳ bản phân phối Linux nào trước -y trong câu lệnh nâng cấp là mặc định câu trả lời là “Có” cho bất kỳ lời nhắc nào được hiển thị trong thiết bị đầu cuối. Bạn có thể không muốn làm điều này, vì có thể có một số chương trình bạn không muốn cập nhật nhưng tôi thì có.
Bằng cách thêm -y cờ, bạn sẽ không có những tin nhắn này?
Xây dựng công cụ
Để biên dịch và cài đặt các tiện ích bổ sung gốc từ npm, bạn cũng có thể cần cài đặt các công cụ xây dựng, tôi cần công cụ này cho các hình ảnh Gatsby sử dụng sharp lần lượt sử dụng node-gyp :
sudo apt install -y build-essentialCài đặt nút
Việc cài đặt Node.js thông qua các hướng dẫn được cung cấp trên trang web nodejs.org không thiết lập các quyền chính xác cho tôi. Vì vậy, khi cố gắng npm install bất cứ điều gì tôi gặp lỗi, tôi phát hiện ra rằng bằng cách sử dụng n giúp:
Cài đặt nút bằng n
Vì đây là một bản cài đặt mới nên chúng ta có thể tiếp tục và sử dụng n-install với:
curl -L https://git.io/n-install | bashThao tác này sẽ cài đặt phiên bản ổn định mới nhất của nút?
Sau khi tập lệnh hoàn tất, hãy khởi động lại bash với:
. /home/my_user_name/.bashrc # displays this for you to copy pasteKiểm tra phiên bản nút và npm của bạn:
node -v && npm -vCài đặt cá?
Cá bây giờ tôi đi đến vỏ hoàn toàn cho tự động hoàn thành / intellisense? cũng có một số chủ đề đẹp mà bạn cũng có thể lấy cho nó.
sudo apt -y install fishsudo apt -y upgrade && sudo apt -y autoremoveCài đặt Oh My Fish | OMF
Oh My Fish giống như một trình quản lý gói cho Fish cho phép cài đặt các gói và chủ đề.
curl -L https://get.oh-my.fish | fishCài đặt chủ đề OMF
omf install clearanceSự khởi đầu của sự khởi đầu
Được rồi, đó là thiết lập cơ bản cho WSL. Có thể bạn sẽ muốn thiết lập Git ngay bây giờ. Tôi đã sử dụng SSH qua HTTPS được một lúc trên WSL.
Lưu ý: Tại thời điểm viết bài này, tích hợp WSL Git với VSCode không hoạt động vì vậy tôi đã thêm bản cài đặt Git vào máy windows của mình, bạn có thể bỏ qua điều này và chuyển sang Git đầy đủ thông qua thiết bị đầu cuối nhưng tôi thực sự thích tích hợp VSCode Git.
Để thiết lập SSH trên máy của bạn, hãy xem thiết lập SSH tiện dụng này. Tôi nói SSH thay vì HTTPS vì tôi đã gặp tất cả các loại vấn đề với trình quản lý thông tin xác thực Git và trình quản lý khóa. Cuối cùng, việc tạo khóa SSH và xác thực bằng GitHub thực sự nhanh hơn. Hướng dẫn mà tôi đã liên kết sẽ hướng dẫn bạn.
Di chuyển tệp dotfiles của bạn
Nếu bạn đã sao lưu tất cả các tệp dotfiles của mình trong repo GitHub thì bây giờ là thời điểm tốt để thêm chúng vào thư mục WSL của bạn, lần cuối cùng tôi làm điều này, tôi đã đặt quyền theo cách thủ công sau khi di chuyển từng tệp nhưng từ đó phát hiện ra rsync để di chuyển tất cả các tệp.
rsync -avzh /mnt/c/Users/dotfiles/ ~/
Điều đó sẽ sao chép nội dung của dotfiles của tôi vào thư mục ~/ (home) trong WSL, bạn có thể kiểm tra chúng bằng:
ls -la ~/
Tôi đã sao chép trên .gitconfig của mình , .gitignore và .npmrc dotfiles được minh họa ở đây và bạn có thể thấy rằng các quyền không nhất quán với .bashrc tệp.
Thay đổi quyền đối với tệp bằng chmod và để lấy các thuộc tính của một tệp tương tự, hãy sử dụng stat :
stat -c “%a %n” ~/.*
Điều này sẽ 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_successful
Tôi chỉ muốn thay đổi .gitconfig , .gitignore và .npmrc ở đây nên tôi sẽ làm điều này:
chmod 644 .gitconfig .gitignore .npmrcVà bây giờ các tập tin của tôi trông như thế này. ?
Ok bây giờ đã được thiết lập và chạy với cài đặt Ubuntu, nút và thiết bị đầu cuối cá được cập nhật. Tất nhiên vẫn có trường hợp cài đặt tất cả các gói npm toàn cầu mà bạn muốn phát triển ngay bây giờ.
Chúc bạn thành công!
Cảm ơn bạn đã đọc
Nếu bạn cho rằng điều này thú vị, hãy để lại một hoặc hai cái vỗ tay, đăng ký nhận các bản cập nhật trong tương lai hoặc tweet cho tôi những suy nghĩ của bạn.
Nếu có điều gì tôi bỏ lỡ hoặc nếu bạn có cách tốt hơn để làm điều gì đó, vui lòng cho tôi biết.
Đưa tôi lên Twitter hoặc Hỏi tôi bất cứ điều gì trên GitHub.
Bạn có thể đọc các bài viết khác như thế này trên blog của tôi.