vue脚手架（vue-cli）老版本（2.xx版）的使用

た入场券 2023-08-17 17:48 52阅读 0赞

**1、 在idea新建一个Static Web项目**

![1697796-20190817232541476-1833385546.bmp][]

**2、 在新建的项目下打开cmd**

**3、 输入安装脚手架命令：npm install -g vue-cli**

**![1697796-20190817232635190-1113704467.bmp][]**

**4、 查看安装的版本：vue -V （2.X的为老版本）**

**![1697796-20190817232645448-134839797.bmp][]**

**5、 Vue-cli创建webpack项目：vue init webpack**

**![1697796-20190817232656861-841074502.bmp][]**

**6、之后如下图操作**

**![1697796-20190817232744053-88388428.bmp][]**

**7、项目创建成功**

**![1697796-20190817232853020-677559513.bmp][]**

**8、项目结构**

**![1697796-20190817232952609-1349602208.bmp][]**

转载于:https://www.cnblogs.com/wanghj-15/p/11370948.html

[1697796-20190817232541476-1833385546.bmp]: /images/20230808/1676a5bd5be542de8b211eed8836d211.png
[1697796-20190817232635190-1113704467.bmp]: /images/20230808/c5acae22c2564cd991d014df645817c6.png
[1697796-20190817232645448-134839797.bmp]: /images/20230808/f0e2f25642694f89a8cc3af7893e4990.png
[1697796-20190817232656861-841074502.bmp]: /images/20230808/f6a61f3260354380a1d884038da2087f.png
[1697796-20190817232744053-88388428.bmp]: /images/20230808/ab67d17059814a1fb1c5c975b825254d.png
[1697796-20190817232853020-677559513.bmp]: /images/20230808/6a7d387b377e418cada5c95e8203438d.png
[1697796-20190817232952609-1349602208.bmp]: /images/20230808/be2bce7fd06646edadb768e41c1fa910.png

发表评论取消回复

表情：

评论列表（有 0 条评论，52人围观）

还没有评论，来说两句吧...

相关阅读

相关【Vue】day03-VueCli（脚手架）

day03 一、今日目标 1.生命周期 1. 生命周期介绍 2. 生命周期的四个阶段 3. 生命周期钩子 4. 声明周期案例 2.综合案例-小黑记

布满荆棘的人生/ 2024年03月18日 00:32/ 0 赞/ 163 阅读

相关 Vue——脚手架Vue CLI的使用

Vue CLI CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架使用

小鱼儿/ 2024年03月16日 11:15/ 0 赞/ 58 阅读

相关 vue脚手架（vue-cli）老版本（2.xx版）的使用

1、在idea新建一个Static Web项目 ![1697796-20190817232541476-1833385546.bmp][] 2、在新建的项目下打开cmd

た入场券/ 2023年08月17日 17:48/ 0 赞/ 53 阅读

相关 vuecli脚手架目录介绍

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2023年01月23日 09:59/ 0 赞/ 59 阅读

相关 VueCli 脚手架详解（从安装到实际运用）

Cli是什么？是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。也有人称之为字符用户界面（CUI）

小咪咪/ 2022年12月27日 01:56/ 0 赞/ 327 阅读

相关 vuecli脚手架配置文件说明

vuecli脚手架座右铭：越努力越幸运，越运动越健康。热爱计算机技术，热爱运动的这样一个人 -------------------- 文章目录 vuec

快来打我*/ 2022年12月23日 11:29/ 0 赞/ 295 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 449 阅读

相关 vue脚手架基本使用

首先在大前提vue-cli已经安装好的情况下，并且cnpm install后(官网使用的是npm，但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象)，这里有个小

桃扇骨/ 2021年12月14日 04:25/ 0 赞/ 372 阅读

相关 vue-cli脚手架——2.0版本项目案例

一、【准备工作】 Node.js 安装包及源码下载地址为：[https://nodejs.org/en/download/][https_nodejs.org_en_do

旧城等待，/ 2021年11月19日 15:26/ 0 赞/ 353 阅读

相关使用vue@2.xx版本进行项目的搭建(1)

查看电脑中是否安装有npm:cmd打开，输入 npm -v 安装vue-cli脚手架2.xx版本：npm install -g vue-cli 安装vue-cli

比眉伴天荒/ 2021年07月25日 18:15/ 0 赞/ 380 阅读