VUE前端环境搭建:先安装homebrew,使用homebrew安装npm’, ‘使用npm安装依赖【npm install】’, ‘再次安装yarn’, ‘最后yarn start

以下我们在Mac下安装homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

homebrew 国内直连可能下载不了,需要设置/etc/hosts 或者使用梯子

https://www.cnblogs.com/sinferwu/p/12726833.html

安装后查看版本:

root> brew --version
Homebrew 1.7.1
Homebrew/homebrew-core (git revision 70e1; last commit 2018-08-01)

安装完homebrew后,把git的brew源地址换为国内清华镜像源,提高访问速度:https://blog.csdn.net/adley_app/article/details/85148492

安装homebrew失败或者卡住的情况https://www.zhihu.com/question/35928898/answer/1102381049

卸载与安装方法都是相同,把install改为uninstall

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"

现在前端很多使用VUEJS,都是用到webpack的构建方式,我们后端有时想调试也需要安装前端的环境,接下来我们来说下nodejs和yarn的环境安装;

一、使用yum安装nodejs(和使用homebrew安装是一样的):

1.快速安装
yum install -y nodejs

2.查找之后在安装指定版本
首先查找nodejs套件

yum search nodejs

先执行:

yum install \ http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm

再执行:

sudo yum install nodejs npm –enablerepo=epel

二、yum安装 指定版本的nodejs

curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
sudo yum -y install nodejs

三、nodejs升级到指定版本

[/home/www]$ wget https://nodejs.org/dist/v8.2.1/node-v8.2.1-linux-x64.tar.gz
[/home/www]$ tar -xvf node-v8.2.1-linux-x64.tar.gz
[/home/www]$ ln -s /home/www/node-v8.2.1-linux-x64/bin/node /usr/bin/node
[/home/www]$ ln -s /home/www/node-v8.2.1-linux-x64/bin/npm /usr/bin/npm

ln -s /home/tanlx/node-v8.10.0-linux-x64/bin/npm /usr/bin/npm

[/home/www]$ node -v
[/home/www]$ npm -v

也可以直接到官网下载:https://nodejs.org/dist/

四、如果是老版本的nodejs可以先清除再安装:

yum remove nodesource-release* nodejs
yum clean all
rm -rf /var/cache/yum/*
rm /etc/yum.repos.d/nodesource-el.repo
#变更源后再安装
curl -sL https://rpm.nodesource.com/setup_8.x | bash - 
sudo yum install nodejs

五、安装多个nodejs可以使用nvm或者n组件进行nodejs多版本管理,一般是n比较好用,本人也是使用n组件,这里就只说n组件的使用:

安装n:

npm install -g n

安装node最新版本:

n latest

安装node指定版本

n 8.11.4

安装稳定版

n stable

查看已安装版本

n

删除指定版本

n rm 0.10.1

指定某个版本运行脚本

n use 0.10.1

安装好后如我本地输入n命令,显示nodejs的各个版本:

六、yarn的安装,使用npm安装:

npm install -g yarn

如果没有权限先进行sudo su、su root一下。

七、yarn的安装,使用源依赖安装:

curl -o- -L https://yarnpkg.com/install.sh | bash

// 查看 yarn 配置
yarn config get registry
或者
yarn config list

> registry: 'https://registry.yarnpkg.com'

安装淘宝镜像
yarn config set registry https://registry.npm.taobao.org

安装完之后查看是否成功:

 ~ yarn -v
1.9.2

八、yarn启动VUEJS项目,安装完yarn之后进入VUE项目,执行:

#安装nodejs所需套件
npm install
#安装yarn所需的插件
yarn 或 yarn install
#编译项目并启动
yarn start

九、使用homebrew安装wget出现目录权限错误的情况:

could not lock config file .git/config: Permission denied

解决办法:

If you don’t have the permissions, run

sudo chown -R $(whoami):admin /usr/local/* && sudo chmod -R g+rwx /usr/local/*

In High Sierra, Run this command instead:

sudo chown -R $(whoami) $(brew --prefix)/*

十、yarn start出现如下错误:

$ node --max-old-space-size=4096 ./node_modules/.bin/webpack-dev-server --inline --config build/webpack.dev.conf.js
  build [==                  ] 10%events.js:183
      throw er; // Unhandled 'error' event
      ^

Error: listen EADDRNOTAVAIL 192.168.10.87:8080
    at Object._errnoException (util.js:992:11)
    at _exceptionWithHostPort (util.js:1014:20)
    at Server.setupListenHandle [as _listen2] (net.js:1338:19)
    at listenInCluster (net.js:1396:12)
    at doListen (net.js:1505:7)
    at _combinedTickCallback (internal/process/next_tick.js:141:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
    at Function.Module.runMain (module.js:695:11)
    at startup (bootstrap_node.js:191:16)
    at bootstrap_node.js:612:3
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

以上错误可能是开发环境配置的IP不是本机的内网IP,或者是配置的端口号已被本机其他软件所占用,先关闭其他应用或者替换端口号。
查看IP或端口号请看本站:

Linux基本使用命令

Linux下查看并打开对外开放端口号,firewall和iptables