linux 前端环境搭建

1.下载node.js

2.在linux 里使用wget命令

wget https://nodejs.org/dist/latest-v6.x/node-v6.12.3-linux-x64.tar.gz

3.解压缩

 tar -xzvf node-v6.12.3-linux-x64.tar.gz

4.将node 移到 /usr/local目录下

cd /usr/local
mv ~/node-v6.12.3-linux-x64 ./

5.添加环境变量

vim /etc/profile

6.添加node 路径

NODE_HOME=/usr/local/node-v6.12.3-linux-x64PATH=$PATH:$JAVA_HOME/bin:$NODE_HOME/binexport PATH JAVA_HOME CLASSPATH NODE_HOME

7.重新加载文件

 source /etc/profile

8.安装webpack

npm install webpack -g

9.创建git 代码目录

10.安装git

 yum -y install git

11.拉代码

git clone

12.进入项目文件夹,安装依赖

npm install  --registry=https://registry.npm.taobao.org

13.打包这里执行

npm run mydist

14.创建生产文件夹

cd /
mkdir product
cd product
#前端项目目录
mkdir frontend
cd frontend
#项目目录
mkdir mall-fe

15.将dist 文件复制到项目目录下

mv /developer/git-repository/mall-fe/dist   /product/frontend/mall-fe/dist

16.编写自动化脚本将上面的发布过程自动化

在 /developer 目录下创建并编辑 vim fe-deploy.sh

#
GIT_HOME=/developer/git-repository/
DEST_PATH=/product/frontend/
#cd dirif [ ! -n "$1" ];thenecho -e "please enter name!"exitfiif [ $1 = "mall-fe" ];thenecho -e "========Enter mall-fe================"cd $GIT_HOME$1elseecho -e "not found!"exit
fi
#clear git distecho -e "========Clear Git Dist================"
rm -rf ./dist#gitecho -e "=======git checkout master================"git checkout masterecho -e "=======git pull================"git pullecho -e "=======npm install================"npm install --registry=https://registry.npm.taobao.org 

#npm run mydistecho -e "=======npm run mydist================"npm run mydist if [ -d "./dist" ];then      #backup dest
echo -e "================backup dist====================="rm -rf $DEST_PATH$1/back/dist mv $DEST_PATH$1/dist $DEST_PATH$1/back/dist#copyecho -e "=======copy================"cp -R $GIT_HOME$1/dist $DEST_PATH$1#echo resultecho "======= Deploy Success================"elseecho "======= Deploy Error================"fi

执行./fe-deploy.sh mall-fe 就可以进行自动化发布了

转载于:https://www.cnblogs.com/silences/p/8404291.html

linux 前端环境搭建相关推荐

linux环境前端开发环境搭建,Linux运维知识之linux 前端环境搭建
本文主要向大家介绍了Linux运维知识之linux 前端环境搭建,通过具体的内容向大家展现,希望对大家学习Linux运维知识有所帮助. 1.下载node.js 2.在linux 里使用wget命令 w ...
第七章前端开发——前端工程化（NPM、脚手架、前端环境搭建）
第七章前端工程化(NPM.脚手架.前端环境搭建) 一.支持环境二.NPM包管理工具三.Vue生成器四.前端的集成环境五.项目目录结构六.前端Vue框架与后端Django框架的简单交互一. ...
嵌入式linux编译环境搭建,嵌入式Linux开发环境搭建
整理下嵌入式Linux开发环境搭建过程笔记. 一.制作u-boot.bin文件: tar xjf u-boot-1.1.6.tar.bz2 cd u-boot-1.1.6 patch -p1 < ...
测试asp.net for Linux的环境搭建
asp.net for Linux的环境搭建转自:http://www.cnblogs.com/xiaodiejinghong/archive/2013/04/01/2994216.html (根据 ...
嵌入式linux开发环境搭建——VirtualBox虚拟机网络环境解析
嵌入式linux开发环境搭建--VirtualBox虚拟机网络环境解析本博文转自:Pandoras Box http://blog.csdn.net/yxc135/article/details/8 ...
Django Python MySQL Linux 开发环境搭建
Django Python MySQL Linux 开发环境搭建 1.安装Python 进行Python开发,首先必须安装python,对于linux 或者Mac 用户,python已经预装. 在命令 ...
linux php环境搭建图文教程,linux php环境搭建教程
1) 安装依赖包yum -y install wget vim pcre pcre-devel openssl openssl-devel \libicu-devel gcc gcc-c++ auto ...
Linux服务器环境搭建《Redis、Nginx、mysql8安装》
Linux服务器环境搭建<Redis.Nginx.mysql8安装> 1.Redis安装直接操作: cd / cd /usr/local mkdir redis cd redis wge ...
嵌入式Linux开发环境搭建-4-嵌入式编程基础知识
嵌入式Linux开发环境搭建-4-嵌入式编程基础知识 1.安装代码编辑器 2.交叉编译工作使用 1.安装代码编辑器参考文档 ubuntu几款好用的代码编辑器_百度经验安装sublime text ...

linux 前端环境搭建

linux 前端环境搭建相关推荐

最新文章

热门文章