Skip to content

基础环境配置文档

cnarutox edited this page May 24, 2019 · 1 revision

原文传送门(实时更新)

Windows Subsystem for Linux

适用于 Linux 的 Windows 子系统(英语:Windows Subsystem for Linux,简称WSL)是一个为在Windows 10Windows Server 2019上能够原生运行Linux二进制可执行文件ELF格式)的兼容层,开发环境首推WSL;Mac或者Win7用户可以使用自带CMD来达到同样效果。

①你需要打开你的 Windows 电脑的 开发人员模式,依次访问 设置 -> 更新和安全 -> 针对开发人员,然后点击打开右侧的开发人员模式

②在开始菜单里, 搜索 “启用或关闭Windows功能”, 打开对应的控制面板, 勾选名为 Windows Subsystem for Linux / 适用于 Linux 的 Windows 子系统 的多选框,点击确定, 并重启你的电脑

③打开Microsoft Store,搜索Ubuntu,选择Ubuntu 18.04 LTS,点击安装

因为网络监管原因,这一步的下载可能会很慢,所以能翻墙的同学可以尝试下载;对于不能翻墙的同学,以下方法或许会帮到你:

Windows10正式版应用商店下载速度很慢

https://jingyan.baidu.com/article/4f7d57121455d91a201927a2.html

https://www.jb51.net/os/win10/367339.html

https://github.com/wilon/wilon.github.io/issues/7

下载成功并启动后,一个黑色小窗口会显示以下信息Installing, this may take a few minutes…,此时静待即可,之后就是按照命令行提示设置用户名与密码了

安装WSL的过程中,如果有疑惑,可以参考以下资料,实在安装困难或者不能安装的使用操作系统自带的cmd也可

https://my.oschina.net/waylau/blog/832946

https://www.cnblogs.com/JettTang/p/8186315.html

https://blog.51cto.com/3chou/2294231

https://wsl-guide-cn.readthedocs.io/zh_CN/latest/installation.html

Vue.js安装

在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpackBrowserify 模块打包器配合使用,同时 Vue 也提供配套工具来开发单文件组件。为方便后续操作,请输入以下命令将用户切换为root:

sudo su

一、更换清华源

先删除原有软件源: rm /etc/apt/sources.list 再添加新软件源: nano /etc/apt/sources.list

在文本编辑器中粘贴以下内容(单击鼠标右键即可粘贴):

deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ bionic main restricted universe multiverse
deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ bionic-updates main restricted universe multiverse
deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ bionic-backports main restricted universe multiverse
deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ bionic-security main restricted universe multiverse

编辑完成后,使用 Ctrl+O 保存,回车确定,再使用 Ctrl+X 退出。更换源之后就可以更新系统了,这一步需要花费较长时间:

apt update
apt dist-upgrade
apt autoremove

二、与Windows共享文件

微软强烈不建议在外部对WSL文件系统进行更改,所以未公开WSL所在的根目录,若想在 WSL 中访问本地文件,可通过“/mnt”目录下的“c”、“d”、“e”等文件夹,它们分别代表本地的C盘D盘E盘,可以直接通过cd命令切换

拿NPM的安装包举个例子,它在Windows下的路径:

C:\Users\cwx\OneDrive\course-materials\enterprise-application-development\node-v10.15.3-linux-x64.tar.xz

其对应于WSL的目录就应该是

/mnt/c/Users/cwx/OneDrive/course-materials/enterprise-application-development/node-v10.15.3-linux-x64.tar.xz

这里有几个快速在WSL里进入相应目录的方法:

①在Windows的CMD或者Powershell中输入 WSL 即可快速启动WSL

②在Windows资源管理器的空白处按住 Shift 键再点击鼠标右键,选择 在此处打开 Linux Shell

③通过Linux的 ln 命令建立软链接ln [参数] [源文件或目录] [目标文件或目录]

二、Node.js安装

接下来我们需要去官网下载node.js的编译好的二进制文件到本地,比如下载的 node-v10.15.3-linux-x64.tar.xz 文件位于C:\Users\cwx\OneDrive\course-materials\enterprise-application-development\ 目录下,为了使WSL能够方便访问到它,本例会使用前述的 ln 命令将压缩包的父目录 enterprise-application-development/ 链接到WSL的根目录 ~ 下的 enterprise-application-development/ 文件夹(还未创建)下:

在WSL的根目录下建立一个指向 C:\Users\cwx\OneDrive\course-materials\enterprise-application-development\ 的软链接,链接文件夹仍然名为enterprise-application-development,可输入以下命令:

ln -s /mnt/c/Users/cwx/OneDrive/course-materials/enterprise-application-development  enterprise-application-development

进入**~/enterprise-application-development** 路径后解压安装包到当前目录:

tar -xvf node-v10.15.3-linux-x64.tar.xz -C ./ 
cd node-v10.15.3-linux-x64/

之后链接node与npm到 /usr/local/bin/ 使其能在全局使用(类似于Windows下的Path):

sudo ln -s ~/enterprise-application-development/node-v10.15.3-linux-x64/bin/node /usr/local/bin/node
sudo ln -s ~/enterprise-application-development/node-v10.15.3-linux-x64/bin/npm /usr/local/bin/npm

如果链接成功的话是这个样子的:

接下就是通过npm安装vue相关的包然后新建vue项目,详细说明请参考文末链接(其中cnpm无需安装,并且倒数第二步执行有误不必担心,继续跑最后一条命令就ok,说不定就成了呢)

npm config set registry https://registry.npm.taobao.org
npm config set prefix /usr/local
vue init webpack test
cd test
npm install
npm run dev

如果出现Windows安全警报请允许访问

npm出现问题的话尝试用yarn

sudo apt remove cmdtest
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update && sudo apt-get install yarn

Linux下Vue开发环境搭建一篇全搞定

Django

sudo apt install python3
sudo apt install python3-pip
sudo apt install python3-django

对于Python开发用户来讲,PIP安装软件包是家常便饭。但国外的源下载速度实在太慢,浪费时间。而且经常出现下载后安装出错问题。所以把PIP安装源替换成国内镜像,可以大幅提升下载速度,还可以提高安装成功率。 Linux下,修改 ~/.pip/pip.conf (没有就创建一个文件夹及文件。文件夹要加“.”,表示是隐藏文件夹) :

sudo mkdir ~/.pip
sudo touch ~/.pip/pip.conf
sudo nano ~/.pip/pip.conf

粘贴内容如下:

[global]
index-url = https://pypi.tuna.tsinghua.edu.cn/simple
[install]
trusted-host=mirrors.aliyun.com