linux vue环境配置

官网下载：

wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz

tar -xvf *****.tar.xz

改名为 nodejs

mv nodejs  /usr/local

 

创建软连接：

ln -s /usr/local/nodejs/bin/node /usr/bin/node

ln -s /usr/local/nodejs/bin/npm /usr/bin/npm

检查版本：

[root@iZ2ze8r4bzalaeerc72kvbZ bin]# node -v

v10.16.0

[root@iZ2ze8r4bzalaeerc72kvbZ bin]# npm -v

6.9.0

 

安装cnpm

1、使用安装好的npm安装

# npm install  -g cnpm --registry=https://registry.npm.taobao.org

 

创建软连接： ln -s /usr/local/nodejs/bin/cnpm  /usr/local/bin/

 

安装vue-cli

 1、cnpm 安装  cnpm install -g vue-cli

参数： -g 表示全局安装。不加的话，就是当前目录安装。

创建软连接：

ln -s /usr/local/nodejs/bin/vue /usr/local/bin/

查看版本： vue -V

2.9.6

 

# 创建一个基于 webpack 模板的新项目

cd到创建工程的目录

vue init webpack vue-test

 

 

一堆参数怎么选：

https://blog.csdn.net/AYKMe/article/details/84646571

cd testProject

npm install

npm run dev

启动了后看到： I  Your application is running here: http://localhost:8103

本机curl 没问题，返回html 信息。

但换台电脑ip访问，打不开

这里有几个参数需要修改：

vi config/index.js

port 修改， host 默认为“localhost” 修改为 “0.0.0.0” 这样，远端就可以通过ip：port  访问了 （跟防火墙之类的没有关系）

autoOpenBrowser ,默认为false ,改为true  。支持浏览器打开

 

附录：

  常用的Vue 命令

vue -V  查看Vue版本

vue -h 查看Vue帮助

vue list 查看vue.js有哪些模版

 

最后补充个后台启动：

nohup npm run dev > /home/zxz/logs/vue-back.log 2>&1 &

之后一定要手动输入：exit  退出