构建Node.Js工作环境

最近虽然经常奔波于家和医院之间,但是还是鼓捣了一下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就完事的。

让我再看看……这个不是我写的……

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注