在ubuntu下部署vue环境(详细流程)(代码片段)

水香木鱼 水香木鱼     2023-01-02     184

关键词:

在Ubuntu下下载安装nodejs

(1)更新包管理器apt与apt-get

sudo apt update
sudo apt-get update

(2)使用apt包管理器进行下载

sudo apt-get install nodejs			# 下载nodejs
sudo apt-get install npm		#下载npm,它是nodejs的包管理器(nodejs package manager)

(3)升级 npm

npm install npm -g
npm install -g npm
npm -g install npm

国内的npm不是很好用,使用cnpm代替npm的日常使用。

(1)升级或安装 cnpm

npm install cnpm -g

(2)你可以使用以下命令来查看所有全局安装的模块:

npm list -g

(3)请先安装git,安装命令请参考下面


sudo apt-get install git

安装Vue

(1)最新稳定版

cnpm install vue

(2)命令行工具

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

全局安装 vue-cli

$ cnpm install --global vue-cli

使用 cnpm 安装 webpack:

cnpm install webpack -g

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

vue init webpack my-project

这里需要进行一些配置,默认回车即可

This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project  //项目名称
? Project description A Vue.js project   //项目作者
? Author runoob <test@runoob.com>   //
? Vue build standalone
? Use ESLint to lint your code? Yes  //路由
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev
   
   Documentation can be found at https://vuejs-templates.github.io/webpack

进入项目,安装并运行:

$ cd my-project
$ cnpm install		# 安装依赖
$ cnpm run dev		# 运行项目

 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

openstack多节点一键部署(超详细)(代码片段)

实验环境下OpenStack多节点一键部署(超详细)前言?OpenStack项目是一个开源的云计算平台项目,是控制着计算、网络和存储三大资源的分布式系统。搭建这样的一个云平台系统,可以为我们提供IaaS(基础设施即服务)模式的云服... 查看详情

ubuntu下django部署nginx+uwsgi(代码片段)

...提供点帮助。在云服务器和本地虚拟机上的操作环境都是Ubuntu,我的Django1.8.11安装过程基本没什么问题,也是参照网上大神们的安装教程的,这里就不说了,主要说下nginx和uwsgi。1.安装和配置nginx(1)安装:sudoap... 查看详情

vue生产环境部署

...产环境模式下是可以避免的。本文将详细介绍Vue生产环境部署 生产环境  如果用Vue完整独立版本(直接用<script>元素引入Vue),生产时应该用精简版本(vue.min.js)  如果用Webpack或Browseri 查看详情

web开发vue+springboot项目服务器部署(环境搭建+部署流程)

...言前段时间使用Vue+Springboot写了个小项目,于是想部署到服务器上以便分享。于是,就开始了长达一天的踩坑之旅。。为了让读者(包括下一次想干这事的自己)少踩坑,把整个过程记录一下。技术选型服... 查看详情

ubuntu16.04下使用docker部署ceph集群(代码片段)

...过linuxshell来执行的;假设你只有一台机器,装了linux(如Ubuntu)系统和docker环境,那么可以参考以下步骤安装Ceph:#要用root用户创建,或有sudo权限#注:建议使用这个docker镜像源:https://registry.docker-cn.com#1 查看详情

(dockernginx)springboot+vue前后端分离部署详细完整版

参考技术A简述:Springboot+Vue前后端分离项目部署,主要采用docker容器部署方式。Springboot项目部署:docker构建mysql环境+docker构建项目自身环境。Vue项目:使用docker启动nginx服务器方式代理部署。项目使用mysql8.0作为数据源,所以部... 查看详情

ubuntu下vivado怎么启动

...考技术A之前安装Vivado都在win7上现在使用Win8不行了,就用Ubuntu了,下载了最新的VIvado安装包。一开始在win8下解压的,搬到ubuntu下后没有再次解压,碰到了很多问题,一会说权限不够,好吧那就sudo一下,但是还是不行,可能是由... 查看详情

在linux环境下搭建javaweb测试环境(非常详细!!)

...已安装linux的CentOS6.5版本)项目:javaweb项目(必须在本地部署编译后选择项目的webRoot,改为ROOT(ROOT包含下面四个关键文件),放到tomcat下的webapps下即可,因为tomcat启用一个工程的时候,就是发布了除了JSP以外的,所有已被编译... 查看详情

前端vue+后端django项目创建以及自动部署流程(代码片段)

...是由开发的同学先写完代码,然后交付给运维的同学部署到测试和生产环境。DevOps可以让整个流程自动化,开发的同学只需要稍微会一些工具就可以完成部署的工作。前端Vue项目创建+自动部署准备工作:本地安装... 查看详情

前端vue+后端django项目创建以及自动部署流程(代码片段)

...是由开发的同学先写完代码,然后交付给运维的同学部署到测试和生产环境。DevOps可以让整个流程自动化,开发的同学只需要稍微会一些工具就可以完成部署的工作。前端Vue项目创建+自动部署准备工作:本地安装... 查看详情

ubuntu环境下部署django+uwsgi+nginx总结(代码片段)

前言这是我在搭建Django项目时候的过程,拿来总结记录,以备不时之需。项目采用nginx+uwsgi的搭配方式。项目依赖包采用requirements.txt文件管理的方式。本地准备工作确认项目能够运行起来,没有bug将当前环境的包导出pipfreeze>re... 查看详情

vue.js在windows10系统下的环境搭建

vue.js在windows10系统下的环境搭建流程1、安装node.js(node包含了npm包管理器)node.js安装包以及源码下载地址:https://nodejs.org/en/download/注意:使用安装包(.msi)(作为小白的我,直接用了.exe,导致环境变量都不会自动配置,真的... 查看详情

centos7/8系统下,使用jenkins实现springboot+vue前后端分离项目持续集成,一键编译打包跨设备部署,完整详细教学演示(代码片段)

...,从GitLab拉取代码,一键编译打包,跨服务器部署(阿里云服务器,物理服务器,虚拟机下亲测)一,安装配置JAVA环境1,更新yu 查看详情

centos7/8系统下,使用jenkins实现springboot+vue前后端分离项目持续集成,一键编译打包跨设备部署,完整详细教学演示(代码片段)

...,从GitLab拉取代码,一键编译打包,跨服务器部署(阿里云服务器,物理服务器,虚拟机下亲测)一,安装配置JAVA环境1,更新yu 查看详情

centos7/8系统下,使用jenkins实现springboot+vue前后端分离项目持续集成,一键编译打包跨设备部署,完整详细教学演示(代码片段)

...,从GitLab拉取代码,一键编译打包,跨服务器部署(阿里云服务器,物理服务器,虚拟机下亲测)一,安装配置JAVA环境1,更新yu 查看详情

企业内部部署一套完整的dns详细流程(代码片段)

企业内部部署一套完整的DNS详细流程?1)环境说明?1.共需要7台主机,各自的角色如下:A.192.168.36.6(OS6):testB.192.168.36.7(OS7):localdnsC.192.168.36.17(OS7):rootdnsD.192.168.36.27(OS7):comdnsE.192.168.36.37(OS7):masterF.192.168.36.47(OS7):s 查看详情

centos7下部署django项目详细操作步骤(代码片段)

安装项目环境并迁移项目1.先把部署可能用到的项目和安装包发送到开发目录2.发送完成后查看当前目录,显示如下则表示成功  3.然后安装python3.7编译环境,这在我上篇博客已经写明步骤,点击这里查看详细步骤,安装完... 查看详情

如何在centos下部署node环境

...境、准生产、正式环境,我们都需要在服务器进行Node的部署,在这里我给大家详细说明下Node在linux环境下是如何进行部署的。1.安装nodejs编译及依赖相关软件curl-sLhttps://rpm.nodesource.com/setup|bash-2.安装Nodeyuminstall-y 查看详情