精华内容
下载资源
问答
  • 1.启动项目: npm run dev 2.项目打包: npm run build

    1.启动项目:

    	npm run dev  或者 npm run pm2-dev
    

    2.项目打包:

    	npm run build
    

    3.停止服务

    	ps -ef |grep pm2 |grep -v grep |awk '{print $2}' |xargs kill -9
    




    *觉得有用可以关注博主哦,如果再不能相遇,祝你早午晚都安。。。

    展开全文
  • 2.建立三个文件 catalina.sh(项目总体脚本) startup.sh(项目启动脚本) shutdown.sh(项目停止脚本) vim catalina.sh #!/bin/bash #author lawliet if [ "$1" = "start" ];...

    1.在opt下面创建目录  vue-project

    cd /opt

    mkdir vue-project

    2.建立三个文件  catalina.sh(项目总体脚本)    startup.sh(项目启动脚本)    shutdown.sh(项目停止脚本)

    vim catalina.sh

    #!/bin/bash
    #author lawliet
    
    if [ "$1" = "start" ];then
      path="/home/huadi/Webproject/vueweb"
      echo $path
      cd $path
      chmod 777 /home/huadi/Webproject/vueweb/node_modules/.bin/webpack-dev-server
      npm run dev
    elif [ "$1" = "stop" ];then
      echo "service stop"
      input1="dev-server.js"
      PIDS=$(ps -ef | grep $input1|awk '{print $2}')
      echo $PIDS
      for i in $PIDS
      do
        echo $i
        kill -9 $i
      done
      echo "vueproject stop"
    fi
    

    注:如果参数是start ,上面代码中path即vue项目的根目录的路径,启动之前给vue的启动目录附加权限(chmod);

           如果参数是stop,上面代码通过"ps -ef | grep 名称"vue查询相应的后台进程,再通过awk 筛选出pid,接着遍历pid逐个杀死            (kill -9 pid)

    vim startup.sh

    #!/bin/bash
    #author lawliet
    nohup /opt/vue-project/catalina.sh start &
    

    注:nohup command & 

    nohup 是不挂断的运行命令,& 是在后台运行;一般两个一起使用,可以将服务在后台运行,且关闭当前shell窗口,服务也不会停止

     

    vim shutdown.sh

    #!/bin/sh
    #author lawliet
    exec /opt/vue-project/catalina.sh stop

    3.建立系统服务

    vim etc/systemd/system/vueproject.service

    [unit]
    Description=Vue Web Application Container
    After=network.target
    [Service]
    Type=forking
    ExecStart=/opt/vue-project/startup.sh
    ExecStop=/opt/vue-project/shutdown.sh
    [Install]
    WantedBy=multi-user.target
    

    4.将服务设置为开机自启

    systemctl enable vueproject

    5.以上操作做完服务就算发布成功了,通过命令启动

    systemctl start vueproject      #启动服务

    systemctl status vueproject      #查看服务状态

    systemctl stop vueproject      #停止服务

    展开全文
  • ![图片说明](https://img-ask.csdn.net/upload/201712/06/1512551547_956798.png) !...新版本vue.js,已经没有了dev.server.js,配置build.js后,项目启动后自动关闭,如果直接执行命令npm run dev,项目能正常启动
  • 本地启动vue项目

    2021-08-01 21:39:47
    前言 最新想开发一个前后端分离的项目,一直想开始的,拖延了好久终于决定要对它下手了。...到最近的项目拆分为前后端完全分离的...虽然VUE已经是一个很流行的框架了,但是三天不练手生,所以还是决定自己搞一个项目练练

    前言

    最新想开发一个前后端分离的项目,一直想开始的,拖延了好久终于决定要对它下手了。最早的时候开发的时候使用的还是JSP,那个时候使用的还是EL表达式,后来切换到Spring和SpringMVC之后采用的是HTML+JS的all in one的模式,虽然也可以称为前后端分离,但是还是耦合在一个大工程里面。到最近的项目拆分为前后端完全分离的模式。由于公司组织结构调整,前后台完全分离,所以对前端技术有点生疏了。需要及时补救一下。虽然VUE已经是一个很流行的框架了,但是三天不练手生,所以还是决定自己搞一个项目练练手。然后记录一下其中遇到的问题。这个项目也是在别人的基础上进行的开发改造。

    项目开始

    这个项目也是借鉴别人的基础,由于样式调试确实麻烦,而且对于我来讲可能还是偏重于业务实现。

    项目调试

    项目的框架弄好之后,需要做的就是先调试一下项目了,现在还是没有做任何的更改,直接启动项目。

    本地启动

    由于是练手项目,就没有把项目部署到服务器,而是采用的本地启动不是dist的方式。使用webpack打包dist,至于使用webpack怎么打包,下次再讲。本地仅仅记录如何本地启动已经打好的dist。

    部署步骤

    • 环境要求
      首先要确保自己的电脑是已经安装了node,这个是最基本的,估计前端开发没有不安装的吧?
    • 执行 npm run build
      进入当前项目,执行命令 npm run build,这样就会出现打包好的dist文件夹。
    • 安装本地运行服务器
      在命令窗口执行命令 npm install -g serve 安装服务器,当然如果不想全局安装可以仅仅使用这个命令 npm install serve,你可以安装成功后根据安装地址查找这个模块是否已经存在的。
    • 启动打包文件
      安装serve模块成功后,进入到dist文件夹里直接输入命令serve(或者如果没有进入到dist文件夹里,可执行serve -s 目标文件夹路径(例如我的是dist)),可以看到如下提示就是部署成功了.
      在这里插入图片描述
    • 进入项目
      然后复制提示中的地址到浏览器中就可以跑起来了.
      在这里插入图片描述
    展开全文
  • Nginx部署vue项目的几个常用命令进入nginx配置nginx.conf文件sbin 文件下的操作:本文核心./nginx -tps -ef | grep nginxps -ef | grep 79457sudo kill 79457./nginx./nginx -s reload./nginx -s stop 与 ./nginx -s...

    一、进入nginx

    一般nginx下载安装好后,cd /usr/local/nginx 就可以找到nginx文件夹,这篇文章主要讲一些 sbin 文件下的一些命令操作,附带了一些 conf 文件的命令

    二、配置nginx.conf文件

    通过 llls 来查看当前文件夹或文件下的所有文档及文件夹,这里你会看都一个 conf 文件夹,cd conf 来进入 conf 文件,ll 此时你会看到一个 nginx.conf 文件,通过 vim 编译模式进入文件:vim nginx.conf 到这里就可以配置,具体详细的配置,我已写在这里 。注意:这里的操作都是在 conf 文件下

    三、sbin 文件下的操作:本文核心

    cd ../ 通过该命令退回到上一级目录下(也就是 nginx 文件下),ll 回车 你会看到一个和 conf 同级的 sbin 文件,执行 cd sbin命令进入到 sbin 文件里。

    ./nginx -t

    • ./nginx -t

    该命令是检查 nginx.conf 文件的配置是否正确
    在这里插入图片描述
    这里不是 sucessful 而是 fail 说明 nginx.conf 配置文件有误;successful 说明配置没问题

    ps -ef | grep nginx

    • ps -ef | grep nginx

    该命令主要是查看当前 nginx 都有哪些进程开启着
    在这里插入图片描述

    ps -ef | grep 79457

    • ps -ef | grep 79457

    该命令为了查看 79457 进程下的所有线程
    在这里插入图片描述

    sudo kill 79457

    • sudo kill 79457

    作用是终止79457这个进程

    ./nginx

    • ./nginx

    启动项目,一般用来查看是否终止进程成功及当前所启动的项目占用的端口

    ./nginx -s reload

    • ./nginx -s reload

    重启nginx

    ./nginx -s stop 与 ./nginx -s quit

    • ./nginx -s stop./nginx -s quit

    两者都是停止nginx;前者是快速停止nginx;后者是有序停止nginx;

    四、tail命令:日志命令

    在这里插入图片描述

    该命令也是在 nginx 文件下操作:先 cd ../ 返回到nginx文件下,ll 此时你会看到一个 logs 文件 切换到 cd logs 文件下,ll 就能看到所有日志(包含错误日志等),在 logs 文件下使用一下命令:

    tail error.log

    • tail error.log

    查看所有的错误日志

    tail -n error.log

    • tail -n error.log

    查看近 n 条错误日志,这里的n是指几条,一般在错误很多或者项目运行时间长的情况下使用

    在这里插入图片描述

    五、总结

    以上是笔者在nginx中部署vue项目时常用到的命令,分享给大家,一起学习!

    展开全文
  • vue 结束项目命令_结束项目

    千次阅读 2020-07-27 08:31:00
    vue 结束项目命令 结束项目 (Closing the Project) You are about to close the project, you must do this with full focus to understand and document lessons learned for the entire project. 您将要结束该...
  • centos 7Vue启动命令

    2020-07-24 11:34:45
    进入项目后执行 npm run dev 更改端口 在项目的config 文件夹下 index.js更改
  • 首先新建3个启动类文件,catalina.sh(项目总体脚本) startup.sh(项目启动脚本) shutdown.sh(项目停止脚本) 1.在opt下面创建目录 vue-project cd /opt mkdir vue-project 2.在目录下创建这3个文件(在哪儿创建都行,...
  • 如何使用Node.js启动vue项目

    千次阅读 2020-06-15 11:56:25
    进入项目项目目录如下: 使用cnpm install 命令。cnpm是使用淘宝镜像,如果没有安装cnpm,那就使用npm命令(npm install)...Node.js跑vue项目:https://blog.csdn.net/qq_41588568/article/details/80981148 ...
  • vue项目

    2019-07-16 21:00:34
    vue-cli webpack vscode git tomcat一个vue-cli项目安装运行环境、IDE并新建vue项目功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建...
  • idea启动vue项目一直卡死在40% 是因为你在某个组件的template标签中没有一个总的root元素包裹,是多个并级元素共存所导致的
  • 创建vue项目过程

    2021-08-02 11:18:08
    创建vue项目过程 用管理员身份打开cmd 安装淘宝镜像:npm install cnpm -g 成功 ...npm run dev 启动项目成功 若是要停止项目 ctrl+c 命令直接进到文件 cd /d D:\szc\vue\myvue 创建一个vue项目 vue i
  • 在终端里停止vue-cli项目

    千次阅读 2020-11-02 20:29:34
    通常通过命令: npm run dev来启动vue-cli项目。 可以通过关闭终端,或在终端里:=Crtl+C 来停止 vue项目
  • 发布问题:最近做了vue+springboot的...在springboot项目的根目录执行cmd命令:java -jar xxxx.jar 这种启动方式虽然可以看到实时控制台信息,但及其危险,如果误操作关闭了cmd窗口,项目便会停止.2.发布后必须持续保...
  • Ngnix运行vue项目

    2021-06-12 06:12:25
    前后端分离项目,前端项目用ngnix启动vue页面项目 1. 下载安装包 下载地址,解压后是一个文件夹 2. 部署vue 找到自己的vue项目然后输入命令 npm run build 会在vue目录下生成一个dist文件夹里面就是你的vue项目...
  • vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx 注1:xxx 为自己创建项目的名称 注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境 安装vue...
  • 使用pm2启动Vue项目

    万次阅读 2017-12-12 22:33:04
    安装pm2$ npm install -g pm2 命令行全局安装pm2将pm2加入到命令中去ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2 /usr/local/bin/pm2 ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2-dev /usr/local/...
  • 项目打包在Vue项目中执行npm run build后会有一个dist目录,这个文件夹就是我们要部署上线的项目。写一个NodeJs小脚本如果你会点nodejs,脚本就很好理解了,下面是app.js启动脚本的内容:const fs = require('fs');...
  • Vuevue项目部署–2.Linux系统使用nginx运行vue项目 本地Windows10运行 服务器Linux运行(本篇) 设置自动部署 文章目录Vue--vue项目部署--2.Linux系统使用nginx运行vue项目1.环境、工具2.基本步骤3.详细步骤1....
  • vue-cli搭建vue项目

    2019-08-06 19:54:27
    2. 安装vue-cli步骤一:步骤二:步骤三:步骤四:停止项目添加element-ui模块5. npm install/npm install xxx -S/npm install xxx -D/npm install xxx -g的区别6. vue项目结构说明什么是*.vue文...
  • 一、使用命令行(npm run dev)启动 二、配置自动启动 1.打开 Edit Configurations ...3.填写项目相关信息 4.运行 参考自:https://blog.csdn.net/wm5920/article/details/78872548 ...
  • linux下安装nginx,并启动vue项目

    千次阅读 2019-02-19 17:47:48
    小白,第一次尝试linux,并安装nginx完成配置,成功启动vue项目 1. 安装依赖 yum install gcc-c++ yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum install -y openssl openssl-devel 2. ...
  • Vue-CLI搭建Vue项目

    2021-09-21 09:08:12
    文章目录一、Node.js安装二、Vue-Cli安装三、Vue项目创建1、项目创建2、项目依赖导入2.1 vue-router(路由)3、项目配置3.1 router.js(路由配置)4、测试效果 一、Node.js安装 到Node.js官网...
  • 项目优化 项目优化策略 1.生成打包报告 ... // 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report ② 通过可视化的UI面板直
  • nginx部署vue项目

    千次阅读 2018-01-26 09:58:27
    一、windows下安装 ...二、Nginx部署vue项目 1、打包vue项目 2、配置部署,编辑nginx/conf下的nginx.conf: ​ 3、启动nginx。使用命令窗口cmd进入安装目录。 输入:start nginx 4
  • 介绍 vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。...安装vue-cli十分简单,执行下面的命令即可 npm install -g vue-cli 之后可以通过vue list来查看可以使用哪些模板...
  • Nginx部署vue项目

    2020-07-17 12:34:49
    nginx部署Vue前端项目详细介绍 因为公司的部署人员不会用Nginx部署vue项目,所以部署项目就只能我们开发来完成了。 1、安装Nginx 注:以window系统为例 官网:http://nginx.org/en/download.html 下载niginx压缩包并...
  • 简单搭建Vue项目框架

    2021-03-25 09:54:38
    简单搭建Vue项目框架步骤一:创建项目步骤二:安装npm模块步骤三:启动并访问项目如果启动失败`提示端口被占用`: 选择路径目录,创建一个vue项目 步骤一:创建项目 vue init webpack 项目名 一问一答模式4~9解释...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,921
精华内容 1,568
关键字:

vue项目启动停止命令

vue 订阅