vue视频怎么设置镜像

vue视频是一款非常便捷实用的视频拍摄编辑神器，小编为大家整理搜集了VUE视频如何设置快动作或慢动作的教程，希望对大家有所帮助。

VUE视频如何设置快动作或慢动作？VUE视频动作设置教程

方法一：在 VUE 内设置

ios 用户：

在拍摄界面或导入视频界面，点击上方如图所示按钮，选择「快动作」或「慢动作」便可为视频添加相应效果。

Android 用户：

在拍摄界面点击分段条，最上面速度选项中：

「1/8x」「1/4x」「1/2x」分别对应的是慢动作；

「1x」「4x」「8x」 分别对应的是快动作；

点击便可为视频添加相应效果。

方法二：使用手机自带的延时摄影或慢动作拍摄

大部分的手机，系统相机中支持延时摄影和慢动作拍摄，可以使用系统相机拍摄素材后导入 VUE 进行编辑。

Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。 Electron官网

安装成功之后 node -v ,会显示版本。

我们直接使用脚手架工具vue-cli

我们在国内的npm非常慢，所以我们需要重新设置npm镜像，我设置的是淘宝的镜像

我们可以看一下镜像地址是：

我们安装脚手架工具：

我们安装web-pack：

我们搭建项目：

我们到 YLeMusic 目录下，之后执行：

我们浏览器打开 http://localhost:8080

此时显示的是

我使用npm 能安装，我测试了好像可以只能使用cnpm,所以需要先安装cnpm。

使用cnpm安装Electron

所以需要我们增加执行的权限：

我们看一下是否安装成功：

我们安装成功了。

main.js

package.json

我们就可以看到我们的桌面应用运行起来了。

使用electron-vue 脚手架工具

熟悉vue项目的开发朋友应该了解，对于vue项目来说，上线其实就是执行npm run build 命令，然后将build出的dist文件夹上传到服务器上就可以了，对于现在的前后端分离项目来说，就是把dist放到nginx的html文件夹即可。

上传的过程既可以手动实现，也可以通过jenkins这类在线编译软件，总之，殊途同归。

除了上面两种还有一种现在比较火的部署方式，就是docker部署，当然正如上面说的，docker也是要实现上面的 *** 作，只不过有些差异而已。

针对docker部署需要了解的是，一般我们只需要拉取nginx镜像，把dist文件夹写入镜像即可，不需要去镜像里面执行拉取代码、执行编译、打包等 *** 作。这些 *** 作一般在写入镜像执行。

这样做的目的跟docker的理念是一致的，功能解耦，方便维护，而且对于一些大公司来说，可能还需要将编译后的代码进行扫描等 *** 作，如果在docker镜像内编译的话如果出现错误是不好定位问题的。

那么如何实现docker部署vue项目呢， *** 作如下参考：

文件目录如下：

在vueProject 根目录下新建Dockerfile文件，注意没有后缀，nginx镜像默认服务器的目录在/usr/share/nginx/html，内容如下：

build项目：

Build完成后会生成dist目录

然后在vueProject根目录下打开命令行执行如下命令生成镜像：

注意最后是一个点，代表在当前目录执行Dockerfile

如果没报错说明执行成功，此时可以在docker镜像列表看到该镜像。

启动镜像：

—name vp 代表自定义启动的镜像名称

-dp 是-d,-p的简写

8088:80 代表在宿主机的8088端口映射镜像的80端口，因为nginx默认的服务器端口就是80

最后就是之前生成的镜像名称。

大功告成。

更多详情：javascript技术分享

---