linux部署前端vue项目
时间: 2023-09-23 10:12:27 浏览: 118
以下是在 Linux 环境下部署 Vue.js 前端项目的步骤:
1. 首先需要安装 Node.js 和 npm,可以通过下面的命令来安装:
```
sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm
```
2. 安装 Vue CLI,用于创建和管理 Vue.js 项目:
```
sudo npm install -g @vue/cli
```
3. 使用 Vue CLI 创建一个新的项目:
```
vue create my-project
```
这里的 `my-project` 是项目的名称,可以根据自己的需求修改。
4. 进入项目目录并安装依赖:
```
cd my-project
npm install
```
5. 修改项目配置,将 `package.json` 文件中的 `dev` 命令修改为如下内容:
```
"dev": "vue-cli-service serve --host 0.0.0.0 --port 8080"
```
这里的 `--host 0.0.0.0` 和 `--port 8080` 分别表示监听所有的IP地址和使用8080端口。
6. 启动项目:
```
npm run dev
```
此时,Vue.js 项目已经成功运行在 Linux 环境下了。
注意事项:
1. 如果需要在生产环境中部署,需要使用 `npm run build` 命令构建生产环境的代码。
2. 如果遇到权限问题,可以使用 `sudo` 命令运行以上命令。
阅读全文