Artikel ini akan memberitahu anda tentang VSCodeBagaimana untuk membangunkan Android? Semoga ia membantu mereka yang memerlukan!
Kod VS kebanyakannya ditulis dalam ts UI lapisan atas boleh dijalankan dalam penyemak imbas setiap sistem, tetapi kod vs adalah berdasarkan rangka kerja elektron, yang menyediakan akses. kepada nod. Menyokong beberapa API yang tidak dimiliki oleh enjin js dalam kernel penyemak imbas, seperti I/O, beberapa interaksi dengan kernel sistem, dsb. Dan pelayan kod menyelesaikan masalah pemisahan daripada elektron. Pada masa ini, terdapat perisian yang dipanggil aid learing pada Android, yang disertakan dengan VS Code Selepas melihatnya, prinsipnya adalah serupa bukan VS Code yang dibuka oleh antara muka grafik Linux, tetapi juga dibuka webview untuk menyambung ke perkhidmatan tempatan, tetapi Perkara ini menduduki terlalu banyak memori cakera Seluruh muat turun dan pemasangan akan mengambil masa 6 gigabait. [Pembelajaran yang disyorkan: "tutorial pengenalan vscode"]
Pelanggan dibangunkan menggunakan Flutter, dan rangka kerja ini Pilihannya bukan untuk hujung silang, tetapi hanya untuk percubaan pantas dan penggunaan keupayaan asas.
pelayan kod mempunyai seni bina arm64 dalam versi yang dikeluarkan pada github Selepas keseluruhan muat turun, pelaksanaan penyahmampatan terminal digantung arm64 dan dilengkapi dengan nod arm64, tetapi ia disediakan untuk linux penuh. Dalam erti kata lain, laluan seperti /usr /lib dikodkan keras dalam nod, dan node_modules yang disertakan juga mengandungi sejumlah besar laluan ke nod khusus Linux, yang tidak tersedia pada Android.
Kemudian saya memikirkannya, persekitaran yang disertakan dengan termux juga mempunyai libllvm gcc nodejs Hanya padamkan keseluruhan node_mudules dan pasangkannya secara manual.
Jadi keseluruhan proses boleh dibahagikan secara kasar kepada dua kategori.
Mulakan persekitaran termux
Pasang nod, python , libllvm, clang
Muat turun pelayan kod arm64, nyahzip
untuk keserasian, padam node_modules dan pasang semula benang
Laksanakan bin/pelayan-kod untuk memulakan perkhidmatan
Selepas beberapa ujian, didapati bahawa mod ini mempunyai beberapa masalah.
npm install menarik banyak perkara dan menghasilkan sekumpulan cache, node_modules, yang lebih berat daripada lubang hitam. Walau bagaimanapun, selepas mengikuti proses di atas, node_modules dalam code-server sudah pun tersedia untuk Android arm64 Apabila membungkus pelayan kod untuk kali kedua, prosesnya boleh dipermudahkan seperti berikut
Mulakan persekitaran termux
Pasang nod
Muat turun pelayan kod arm64, nyahzip
Execute bin/code-server
Tetapi masih terdapat pepijat yang editor tidak boleh mencari kod node cuma 20m, masih ada Personal server, downlink bandwidth 5mb, lebih kurang 700kb/s, emmm, kalau nak integrate ke apk, kena integrate deb, adjust dpkg untuk install, give up.
Mulakan persekitaran termux
Muat turun dan pasang Linux lengkap (30m)
Muat turun pelayan kod arm64 (ia disertakan dengan nod dan boleh digunakan)
Laksanakan bin/pelayan kod ke mulakan perkhidmatan
Pada akhirnya, saya memilih kaedah Linux yang lengkap sebagai tambahan kepada saiz pemasangan yang lebih kecil, ia juga mempunyai sokongan sumber yang lengkap, mengelakkan pepijat yang tidak normal, dsb. Memandangkan 130mb memori yang diperlukan untuk memulakan keseluruhan Kod VS diperlukan buat kali pertama, tidak masuk akal untuk meletakkan pekerjaan memori ini pada pelayan, mulakannya dari aplikasi dan kemudian muat turunnya semua disepadukan sebagai fail sumber.
Terdapat roda siap sedia untuk proses ini, ikut sahaja termux -pakej Skrip kompilasi menyusun bootstrap dan menyepadukannya ke dalam apk Apl mula dinyahmampatkan, dan kemudian dipulihkan mengikut format pautan simbolik. Terminal ialah termare_view.
bootstrap ialah persekitaran linux dengan kebergantungan minimum, termasuk bash, apt, dsb.
具体实现代码
function initApp(){
cd ${RuntimeEnvir.usrPath}/
echo 准备符号链接...
for line in `cat SYMLINKS.txt`
do
OLD_IFS="\$IFS"
IFS="←"
arr=(\$line)
IFS="\$OLD_IFS"
ln -s \${arr[0]} \${arr[3]}
done
rm -rf SYMLINKS.txt
TMPDIR=/data/data/com.nightmare.termare/files/usr/tmp
filename=bootstrap
rm -rf "\$TMPDIR/\$filename*"
rm -rf "\$TMPDIR/*"
chmod -R 0777 ${RuntimeEnvir.binPath}/*
chmod -R 0777 ${RuntimeEnvir.usrPath}/lib/* 2>/dev/null
chmod -R 0777 ${RuntimeEnvir.usrPath}/libexec/* 2>/dev/null
apt update
rm -rf $lockFile
export LD_PRELOAD=${RuntimeEnvir.usrPath}/lib/libtermux-exec.so
install_vs_code
start_vs_code
bash
}RuntimeEnvir.usrPath 是 /data/data/$package/files/usr/bin
这个我从好几个方案进行了筛选，起初用的 atlio 这个开源，整个开源依赖 python，并且有一个requirement.txt ，需要执行 python -r requirement.txt，依赖就是一大堆，后来换了 proot-distro，纯 shell，所以只需要直接集成到 apk 内就行。
1.安装 ubuntu
install_ubuntu(){
cd ~
colorEcho - 安装Ubuntu Linux
unzip proot-distro.zip >/dev/null
#cd ~/proot-distro
bash ./install.sh
apt-get install -y proot
proot-distro install ubuntu
echo '$source' > $ubuntuPath/etc/apt/sources.list
}2.安装 code-server
install_vs_code(){
if [ ! -d "$ubuntuPath/home/code-server-$version-linux-arm64" ];then
cd $ubuntuPath/home
colorEcho - 解压 Vs Code Arm64
tar zxvf ~/code-server-$version-linux-arm64.tar.gz >/dev/null
cd code-server-$version-linux-arm64
fi
}直接用 proot-distro 启动就行，非常方便
--termux-home 参数:开启 app 沙盒的 home 挂载到 ubuntu 的 /root 下，这样 ubuntu 就能用 app 里面的文件夹了。
start_vs_code(){
install_vs_code
mkdir -p $ubuntuPath/root/.config/code-server 2>/dev/null
echo '
bind-addr: 0.0.0.0:8080
auth: none
password: none
cert: false
' > $ubuntuPath/root/.config/code-server/config.yaml
echo -e "\x1b[31m- 启动中..\x1b[0m"
proot-distro login ubuntu -- /home/code-server-$version-linux-arm64/bin/code-server
}其实整个实现其实是没啥难度的，全都是一些 shell 脚本，也是得益于之前的 Termare 系列的支持，有兴趣的可以看下这个组织。 然后就是打开 webview 的过程了，如果觉得性能不好，你可以用局域网的电脑来进行连接。 看一下非首次的启动过程
首先去 pub 看了一下 webview 的插件，官方目前正在维护的 webview 有这样的提示
- Hybrid composition mode has a built-in keyboard support while Virtual displays mode has multiple keyboard issues
- Hybrid composition mode requires Android SKD 19+ while Virtual displays mode requires Android SDK 20+
- Hybrid composition mode has performence limitations when working on Android versions prior to Android 10 while Virtual displays is performant on all supported Android versions
也就是说开启 hybird 后，安卓10以下有性能限制，而使用虚拟显示器的话，键盘问题会很多。
实际尝试的时候，OTG 连接的键盘基本是没法用的。
再分析了下这个场景，最后还是用的原生 WebView，这里有些小坑。
WebSettings mWebSettings = mWebView.getSettings(); //允许使用JS
mWebSettings.setJavaScriptEnabled(true);
mWebSettings.setJavaScriptCanOpenWindowsAutomatically(true);
mWebSettings.setUseWideViewPort(true);
mWebSettings.setAllowFileAccess(true); // 下面这行不写不得行
mWebSettings.setDomStorageEnabled(true);
mWebSettings.setDatabaseEnabled(true);
mWebSettings.setAppCacheEnabled(true);
mWebSettings.setLoadWithOverviewMode(true);
mWebSettings.setDefaultTextEncodingName("utf-8");
mWebSettings.setLoadsImagesAutomatically(true);
mWebSettings.setSupportMultipleWindows(true);有些场景 VS Code 会打开一个新的窗口，例如点击 file -> new window 的时候，不做处理，webview 会调起系统的浏览器。
//系统默认会通过手机浏览器打开网页，为了能够直接通过WebView显示网页，必须设置
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
//使用WebView加载显示url
view.loadUrl(url);
//返回true
return true;
}
});例如终端输出了 xxx.xxx，ctrl + 鼠标点击，预期是会打开浏览器的。
mWebView.setWebChromeClient(webChromeClient);
WebChromeClient webChromeClient = new WebChromeClient() {
@Override
public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
WebView childView = new WebView(context);//Parent WebView cannot host it's own popup window.
childView.setBackgroundColor(Color.GREEN);
childView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
context.startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
return true;
}
});
WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
transport.setWebView(childView);//setWebView和getWebView两个方法
resultMsg.sendToTarget();
return true;
}
};这个能干嘛？安卓屏幕那么小，电脑能本地用 VsCode 干嘛要连安卓的？
正巧，买了一个平板，爱奇艺之余，也能作为程序员的一波生产力了。
选了一个一直在学习的项目，scrcpy，一堆 c 源码，最后很顺利的编译下来了。
移动端的网页调试一直都是问题，作为野路子前端的我也很无奈，一般会加一些 vconsole 的组件来获取调试日志。
之前个人项目速享适配移动端 web 就是这么干的
现在，我们可以本地开发，本地调试，有 node 整个前端大部分项目都能拉下来了，真实的移动端物理环境。
试试
本篇文章完全是在这个安卓版的 VS Code 中完成的，使用 hexo 本地调式
Tulis beberapa bahagian belakang yang mudah, seperti fastapi python , kelalang, dan menjalankan ujian antara muka melalui klien rehat
Untuk membolehkan pengguna lain menggunakan aplikasi ini secara langsung, saya meletakkannya pada pemasangan yang sejuk .
Saya telah menyemak bahawa lesen sumber terbuka vscodium dan pelayan kod kedua-duanya adalah MIT Jika terdapat sebarang pelanggaran, sila ingatkan saya di kawasan komen.
Alamat muat turun sejuk Kod FA
Alamat muat turun pelayan peribadi Kod FA
Alamat muat turun pantas perisian peribadi
Atas ialah kandungan terperinci Bagaimana untuk membangunkan Android dengan VSCode? Perkongsian praktikal projek Kod FA. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
vscode
Bagaimana untuk menjalankan kod dengan vscode
Bagaimana untuk membuka kunci sekatan kebenaran android
Pengenalan kepada rangka kerja yang digunakan oleh vscode
Bahasa apakah yang biasanya digunakan untuk menulis vscode?
Bahasa apa yang boleh ditulis vscode?
vscode kaedah tetapan Cina
Pengenalan kepada penggunaan vscode
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
