使用Vue-CLI创建vue2项目

于 2025-04-03 10:31:44 发布
阅读量264 收藏 2
点赞数 3
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hvhchfhfj/article/details/146973036
版权

使用Vue-CLI创建vue2项目

#全局安装vue-cli

npm install -g @vue/cli

一、在目标文件下打开命令行 ,执行以下命令

vue create vue-project

其中“vue-project”是文件名称, 可以换成你自己想用的名字

二、步骤

按以下步骤执行
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
等待执行完就OK了

`

栗子丽子
关注
基于vue-cli创建vue2项目
PY123456PY123456的博客
07-10 818
首先在要创建的vue项目的文件夹进入终端。 如图所示，在这里输入cmd进入命令提示符。基于vue-cli快速生成工程化的Vue项目： 如图所示，我创建了一个名为demo-first的vue项目。 接下来选择项目预设，这里建议手动选择需要安装的预设，选择好后按enter键进入下一步 接下来选择预设，这里只选择Babel和css预处理器就好，Router和Linter/Formatter等后面学了再选。Linter/Formatter是来约束代码风格的。（这里空格键来控制选中，enter键进入下一步） 接下
使用vue cli创建vue2项目
x65456的博客
04-08 1162
4这几个的意思是选择你需要的东西。Babel的意思把es6降级到浏览器能识别的语法。一般按下面的选就行。六：现在有两种方法创建vue2项目，一种是在cmd里，一种是在vscode或webstorm的集成终端里。4然后就跟cmd里一样输入输入vue create hello-world按回车。1.打开这个文件夹在地址里输入cmd按回车，然后就出来cmd界面。意思是手动选择特性，前几个选项的意思是默认的。2打开vscode，把它拖到左边，然后右击打开集成终端。9.选第一个，意思是代码规则，在保存的时候校验。
使用VueCli创建vue2项目
qq_60633200的博客
06-15 2530
利用vue-cli创建vue2项目的流程
给自己用的：VueCli创建Vue2项目，包括引入axios，elementui
y3254160873的博客
06-07 713
VueCli创建Vue2项目，包括引入axios，elementui
使用vuecli创建vue2项目
weixin_44191318的博客
11-23 270
使用vue-cli搭建vue2版本的基础项目
如何使用Vue Cli搭建vue2的项目基础
Mrs_Lupin的博客
06-23 1291
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
使用 Vue CLI 创建一个 Vue2 项目
BI
03-18 804
仅提供一个简单的创建 Vue2 项目的步骤。目前 Vue CLI 的最新版本为 v5.0.8。
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 1万+
使用vue-cli创建vue2项目（详解） 说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目： 第一步：搭建node运行环境，根据操作系统选择相应安装包 下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。 第二步：安装webpack npm i
使用vue_cli创建vue2项目
zjx1026的博客
06-23 184
vue_cli2创建vue项目
使用vue-cli创建vue2项目以及项目配置
qq_57039857的博客
01-10 4319
1、安装vue-clicmd：npm install -g @vue/cli@4.5.19验证是否安装成功：vue -v 出现版本号说明安装成功2、创建项目vue create 项目名称根据自己的需求选择特性，如下所示：手动选择：选择自己需要的特性：例如：选择vue版本选择路由模式 （输入y和n都可以，y代表history模式没有#号， n代表hash模式有#号）：选择css预处理器，根据需求自行选择：格式化和代码检测的配置，默认的就行：代码格式检测时机，默认就行：你希望配置放在哪：是否保存特性，根据你
Vue-cli创建Vue2项目中的各步骤配置解析
xiaozhong159的博客
03-14 1711
小tips：我们在创建步骤的第九步会提示是否需要将当前选择的配置保存为一个预设模板（preset），保存后，我们可以找到C盘用户目录下的.vuerc文件，对预设的模板进行删除。为了描述各配置含义，不选择脚手架默认提供的模板，选择Manually select features（手动选择配置），使用⬆⬇选择，回车确认。因为本人主攻方向是后端，对前端了解远远不够，出于工作需要，需要自己搭建一个vue2项目，在此对搭建的一些过程进行纪录。如果你的代码不符合规范，会在保存时收到相应的警告或错误提示。
小白级教程:使用Vue CLI搭建vue2项目_mac搭建vue2项目
C_javascrip的博客
12-18 1373
创建vue项目自定义手动配置
新建一个vue2项目
changbb的专栏
05-21 193
当前test文件夹的路径就会出现在该窗口中，输入vue list查看状态是否ok，如下显示说明正常。选定路径，新建vue项目。这里我是在桌面上新建了test文件夹，然后双击test，进入文件夹。npm install vue-cli -g //全局安装 vue-cli。大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。查看vue-cli是否成功，不能检查vue-cli，需要检查vue。安装完成后，vue-cli文件夹会出现在你自定义的全局路径下。
【前端 19】使用Vue-CLI脚手架构建Vue2项目
delepaste的博客
07-29 1002
Vue CLI（Vue Command Line Interface）是一个基于Vue.js进行快速开发的完整系统，提供了零配置的项目启动、开发调试、打包部署等功能。本文将详细介绍如何安装Vue CLI，并使用它构建一个Vue 2项目，同时解析Vue CLI构建出的项目目录结构。目前最直接的方式是使用Vue CLI 2.x版本或通过在Vue CLI 3/4中指定Vue 2的模板。但考虑到Vue CLI 3/4的广泛使用和灵活性，这里我们采用Vue CLI 3/4，并在创建项目时手动选择Vue 2版本。
vue-cli2搭建项目
weixin_43638272的博客
12-02 1926
vue-cli2搭建项目
如何搭建一个vue2项目(完整步骤)
热门推荐
zzz1780340的博客
04-10 4万+
从0-1搭建一个基础的vue2项目
vue入门级教程从零搭建一个vue项目
marendu的博客
05-24 2万+
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再...
使用vue-cli创建Vue2自定义项目步骤
m0_59250071的博客
11-08 739
Vue CLI 是 Vue 官方提供的一个全局命令工具。Vue2.x使用vue-cli创建Vue项目的步骤
如何使用vue-cli创建vue2项目
最新发布
12-13
创建Vue 2项目的步骤通常通过Vue CLI（Vue命令行界面）工具完成，以下是简单的操作指南： 1. **安装Vue CLI**：首先需要确保你的系统已经全局安装了Node.js。打开终端或命令提示符，运行`npm install -g @vue/cli` 安装Vue CLI。 2. **初始化项目**：在你想创建项目的目录下，运行`vue create projectName`，这里`projectName`是你自定义的项目名称。 ```sh vue create my-vue-project ``` 3. **选择模板**：在创建项目的过程中，会询问你是否使用默认配置。你可以选择`default`，也可以选择其他选项如`webpack-simple`或`pwa`等。按Enter确认即可。 4. **进入项目文件夹**：项目创建完成后，使用`cd`命令切换到新创建的项目文件夹： ```sh cd my-vue-project ``` 5. **启动项目**：最后，运行`npm run serve` 或者 `yarn serve` 启动开发服务器，并在浏览器中访问`http://localhost:8080`查看项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值