首页 > 其他分享 >Vue 项目打包 部署 运行

Vue 项目打包 部署 运行

时间:2023-03-20 17:48:21浏览次数:40  
标签:npm Vue cnpm 部署 vue install 打包

Vue 项目打包 部署 运行


 

1、安装 vue

npm install vue

 

查看 vue 版本

vue -V

 

2、安装cnpm

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

 

3、安装 vue-cli

cnpm i -g vue-cli

 

4、安装项目依赖包

在前端工程目录下执行如下命令:

cnpm i

或者

npm install

 

5、打包

npm run build

 

6、运行

npm run serve

 

7、部署

打包完成后,会在项目目录下生成 dist 目录,该目录下就是打包后的部署文件。

 

标签:npm,Vue,cnpm,部署,vue,install,打包
From: https://www.cnblogs.com/miracle-luna/p/17237104.html

相关文章

  • Vue.js 消息订阅与发布
    视频npmipubsub-js该技术在vue中被事件总线完全替代componentsSchool.vue<template> <divclass="school"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{add......
  • CentOS 7.X部署Tomcat
    1、安装基础库yum-yinstallapr-develgccgcc-c++makeopenssl-developenssljava-11-openjdk-*libffi-develredhat-rpm-configlrzsz2、编译安装native(默认tomcat中......
  • CentOS7.X 部署OpenVPN
    1、实验环境CentOS7.9内网ens32:172.16.9.129外网ens33:10.33.56.1002、配置路由转发echo"net.ipv4.ip_forward=1">>/etc/sysctl.d/99-sysctl.confsysctl-p3、安装openv......
  • 项目部署常用命令和方法
    java环境启动命令部署微服务时,通过命令启动jar程序时,标准命令写法,减少出错概率java-jar-Dfile.encoding=utf-8jar文件名.jar--spring.profiles.active=dev-Dfile.encodi......
  • vue的从0到1搭建 p2
    2、父子组件1)在components目录下新建sub文件夹,用于存放一下可以复用的子组件。比如新建一个Confirm.vue组件  (2)在父组件中引入子组件引入:importConfirmfro......
  • CentOS 7.X部署SNMP
    1、简介单网络管理协议(SNMP),由一组网络管理的标准组成,包含一个应用层协议(applicationlayerprotocol)、数据库模型(databaseschema)和一组资源对象。该协议能够支持网络管理系统......
  • 使用npm发布vue插件或组件库
    1.先行再npm官网注册一个自己的npm账号;https://www.npmjs.com/2.准备插件或组件库:1)新建一个文件夹package作为写组件的地方2)package文件夹内使用npminit命令初始化包,获......
  • centos7通过CDH部署Hadoop
    一、角色分配及安装环境准备资料下载地址:链接:百度网盘1.机器及机器角色规划2.关闭防火墙及SELinux3.安装依赖(server)yuminstall-ycyrus-sasl-plaincyrus-sa......
  • Linux环境下部署tomcat服务-单项目部署
    一、上传tomcat安装包并解压1. apache-tomcat-8.5.38.zip2.安装包可以存放任意目录二、将被测项目放入webapps目录下三、修改被测项目中的配置文件信息......
  • 部署asp.net core6 iis InProcess模式方法
    修改IIS中的配置1.修改启用应用程序池(AlwaysRunning):保证应用程序池在第一次创建或者被回收后,能自动再次重启运行。2.修改闲置超时1740分钟:长时间没有请求释放资源,可以......