您现在的位置是:首页 > 正文

Vue2和Vue3的创建项目、vue-cli2和3的步骤及区别

2024-02-01 02:50:43阅读 2

文章目录


在这里插入图片描述

vue2

安装vue-cli2版本步骤
1.下载vue-cli2

npm i -g vue-cli

2.vue-cli2构建vue项目

// vue2是项目名,可以自己定义
vue init webpack vue2

3.进入项目目录并运行

// 1.vue2 是文件夹,需要与上面项目名相同
cd vue2
// 2.npm run dev 或者 npm start
npm start

4.打包并运行

//1.打包
npm run build
//生成dist文件

vue3

1.下载vue-cli3

npm i -g @vue/cli

2.vue-cli3构建vue项目

//如果你需要用旧版本(vuecli<3)的vue init功能,可以全局安装一个桥接工具:
cnpm i -g @vue/cli-init
// vue3是项目名,可以自己定义
vue create vue3

3.进入项目目录并运行

// 1.vue3 是文件夹,需要与上面项目名相同
cd vue3
// 与脚手架2运行命令不一样
npm run serve

4.打包并运行

//1.打包
npm run build
//生成dist文件夹

vue ui

打开vue的ui项目管理器

网站文章

  • ijkplayer arm64-v8a的so包

    ijkplayer arm64-v8a的so包

    解决在arm64-v8a的cpu架构下的在不到so问题:下载地址具体操作:把文件夹放在app/libs 目录下:so库文件来源转自:ijkplayer arm64-v8a的so包

    2024-02-01 02:50:17
  • 线性思维简介

    线性思维简介

    线性思维,二八法则

    2024-02-01 02:50:12
  • css超出div部分用省略号,css实现超出div长度用省略号表示

    css超出div部分用省略号,css实现超出div长度用省略号表示

    源代码其实不复杂,写法以下:css双宽带+无线WiFi 网速升3倍 WiFi手机设置无线上网的方法web不过你不能照搬上述代码到你的网页里,要弄清楚div样式里的几个属性。spaoverflow: h...

    2024-02-01 02:50:06
  • sqlmap用法

    Sqlamp Usage https://github.com/sqlmapproject/sqlmap/wiki/Usage Usage: python sqlmap.py [options] Options: -h, --help Show basic help message and exit -hh Show ad

    2024-02-01 02:49:59
  • [计组原理篇]总线控制(总线判优控制、总线通信控制)

    [计组原理篇]总线控制(总线判优控制、总线通信控制)

    总线控制

    2024-02-01 02:49:31
  • Postman-获取到的环境、集合变量类型格式问题

    postman默认设置的环境、集合变量的值即使数字,其类型也是字符串。所以,用的时候需要将该环境变量转换成相应类型。方法1 parseInt() 将变量转成整型,会舍去小数点方法2

    2024-02-01 02:49:27
  • Turf.js——用于地理空间分析的js库,处理各种地图算法

    Turf.js——用于地理空间分析的js库,处理各种地图算法

    Turf.js——用于地理空间分析的js库,处理各种地图算法 一、官网 中文——https://turfjs.fenxianglu.cn/ 英文——https://turfjs.org/ npm地址—...

    2024-02-01 02:49:19
  • 手机能做无线打印服务器,手机可以直接连接打印机打印东西吗?需要怎么做?...

    手机能做无线打印服务器,手机可以直接连接打印机打印东西吗?需要怎么做?...

    根据我所知道的回答一下这个问题。手机越来越有取代电脑的趋势,办公用手机、娱乐用手机、玩游戏用手机。不得不承认,手机给大家带来了很大的方便。如何不通过电脑,直接将手机里的东西打印出来呢,很多人有了这样的...

    2024-02-01 02:48:40
  • Go基础-Maps

    map 是在 Go 中将值(value)与键(key)关联的内置类型。通过相应的键可以获取到值。a = make(map [ string ] float64) } a [ "张三" ] = 12000.0 a [ "李四" ] = 12500.0 fmt . Println(a) }1 先定义一个变量2 使用make进行初始化3 赋值a[“张三”] = 12000.0。

    2024-02-01 02:48:33
  • java中怎么不用科学计数法表示double

    代码:double d = 456897456.1258452974512312;System.out.println(d); DecimalFormat df = new DecimalFormat("0.0000");String num = df.format(d);System.out.println(num); 效果:4.568974561258453E8...

    2024-02-01 02:48:26