最近虽然经常奔波于家和医院之间,但是还是鼓捣了一下Node。具体比较复杂,我慢慢写。主要是给自己看的!配置这个好麻烦OAQ,下回不要搞错了。
本文介绍搭建针对Sails+Vue的方便的开发环境。
涉及到的软件
Sails
Webstorm
Vue
Vue-cli
Vmware Station + Ubuntu
其他常用软件
一、虚拟机环境简介
由于在Win下运行Node.Js会有一些兼容性上的问题,比如某些包没法安装上(或者得装个VS才能编译)等,于是干脆开个虚拟机吧。
本来这里打算采用Hyper-V的,但是我的电脑和Hyper-V品性不合,没法安装上Ubuntu。于是就用了Vmware。
按正常流程开个虚拟机,装个Ubuntu。然后在Ubuntu里安装一下ssh,随后就从外部连接,不用看图形界面了没什么鸟用。
然后安装node,默认的软件源的node版本太久了,所以我采用了nvm来安装,这个也很方便啊。然后在全局安装Sails,恩,对,就是npm install -g sails。
个人只是把运行环境放在Linux,开发还是在Win的,下面搭建两者之间的链接。
二、配置WebStorm
个人采用了JetBrains的Webstorm作为IDE……
配置部署
Tools -> Deployment -> Configuration
这里直接采用了SFTP登录,当然也可以用FTP什么的。如果你喜欢,也可以与虚拟机共享文件夹。
在Excluded Paths里把依赖包除外,之前我居然脑抽理解成了Include。。
Tools -> Deployment -> Options 里配置一下自动检测更改自动上传。这样就很舒服。
本地开发环境就是这样,然后WebStorm可以装一下Vue的插件……恩,接下来是运行环境的搭建。
三、虚拟机搭建运行环境
安装Node.Js
要安装指定版本的Node,可以从官网下载二进制包,也可以用nvm。这里用了nvm。
按指示安装nvm后,执行
nvm install 6.2.2 // 这是指定的版本号 npm install -g sails // 全局安装sails
使用WebStorm上传代码后,进入文件夹执行npm install安装依赖。
这里提到一下,Sails多装了一个hot reload的插件,可以修改代码后不用重启就生效……跟这个自动上传配合……超好用!
安装数据库
虽然sails可以使用文件作为数据库,但是这样不好调试。于是我安装了mariadb+phpmyadmin。
MariaDB的话只需要按照这里的说明选择镜像、安装即可。
修改Sails的配置文件让它使用MariaDB:
注意这里是修改全局了。也可以在env那里分开配置开发环境和生产环境←其实这样比较科学。
上述完成后就形成了这样一个工作流:
本地修改代码 -> 自动上传到虚拟的的Ubuntu -> hot reload -> changes applied!
安装PhpMyAdmin
安装这个就需要个php运行环境,于是我又安装Apache和php
sudo apt-get install apache2 sudo apt-get install php sudo apt-get install libapache2-mod-php php-mysql php-mbstring // 链接上面两个、安装php运行依赖 sudo /usr/sbin/apache2ctl restart // 重启apache
然后PMA默认不允许密码登录,进入目录修改config.sample.inc.config把相关配置项改掉,重命名为config.inc.php就可以了。
四、前端开发环境搭建
Moesound的前端与后端完全分离,所以前端就是重新开了个版本库。
这个依赖就更多了,不过也是npm install就完事的。
让我再看看……这个不是我写的……