前言
之前不是发过很多Android系统下安装环境的文章么,但是我发现Nginx和PHP现在都有专门的软件了,比如Ksweb、hopweb编辑器等等等等,但是针对Vue编辑/开发/预览的环境/APP却没有,这里我就来写一篇Android系统下针对Vue@Cli环境的部署
仅整活!不要用于生产环境!
Vue@Cli是什么
Vue想必大家都知道是什么,但是Vue@Cli是什么呢?
这个我之前说过:
Vue@Cli是Vue.js官方提供的脚手架工具,它能够帮助我们快速搭建Vue.js项目,并提供了丰富的功能和插件。
缘起
看到尤雨溪七年前的微博:
嗬!在手机上也能跑nodejs,有点儿意思哈。
准备
首先你得有一部Android手机,iPhone的硬件条件有,但是由于IOS是一个封闭的系统,实际操作起来会很困难。
- 软件一:Termux(ZeroTermux)
- 软件二:Spck Editor
- 软件三:一个浏览器(Chromr)
~还有要带脑子~
安装环境
打开ZeroTermux
更新包列表:
apt update
安装node.js环境:
apt install nodejs
输入npm -v
查看是否已经安装:
安装Vue@Cli:
npm i vue-cli -g
创建一个Vue@Cli工程项目:
vue init webpack vue-name
工程项目创建完成之后会有这些文件:
接下来开始预览:
npm run dev
浏览器打开localhost:8080,你就可以看到vuejs的欢迎页面了。
接下来开始打包:
npm install
但是我这里好像打包失败了,但是不影响
创建软链接[仅root]
由于Android权限管理的原因,你并不能随意地在任何位置写入文件。你的活动范围必须在Termux的权限之内,即data/data/com.termux/files目录下。
但是Android提供了软链接。
在Android系统中,用户主文件空间通常位于/storage/emulated/0,但这个名字太长且不易记忆。Android提供了一个软链接路径/sdcard,我们可以使用这个路径来简化操作。
ln -s /data/data/com.termux/files/home/你的项目名称 /sdcard/你的目录