linux部署前端项目

本文介绍了如何在Linux系统中安装Node.js和npm,然后使用VueCLI创建和管理Vue.js项目。通过修改package.json文件,设置监听所有IP和指定端口,最后运行项目。若要部署到生产环境,需执行npmrunbuild命令。
摘要由CSDN通过智能技术生成
  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 命令运行以上命令。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值