Android系统下针对Vue@cli环境的部署

前言

之前不是发过很多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

更新包列表：

1

apt update

安装node.js环境：

1

apt install nodejs

输入npm -v查看是否已经安装：

安装Vue@Cli:

1

npm i vue-cli -g

创建一个Vue@Cli工程项目：

1

vue init webpack vue-name

工程项目创建完成之后会有这些文件：

接下来开始预览：

1

npm run dev

浏览器打开localhost:8080，你就可以看到vuejs的欢迎页面了。

接下来开始打包：

1

npm install

但是我这里好像打包失败了，但是不影响

创建软链接[仅root]

由于Android权限管理的原因，你并不能随意地在任何位置写入文件。你的活动范围必须在Termux的权限之内，即data/data/com.termux/files目录下。

但是Android提供了软链接。

在Android系统中，用户主文件空间通常位于/storage/emulated/0，但这个名字太长且不易记忆。Android提供了一个软链接路径/sdcard，我们可以使用这个路径来简化操作。

1

ln -s /data/data/com.termux/files/home/你的项目名称 /sdcard/你的目录