使用 Vue CLI 创建一个 Vue2 项目

已于 2024-04-16 13:47:16 修改
阅读量627 收藏 1
点赞数 8
文章标签： vue.js javascript 前端
于 2024-03-18 14:55:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/billy_chen_2013/article/details/136808189
版权
本文介绍了如何全局安装VueCLI，包括使用`npminstall-g@vue/cli`命令，以及如何利用最新版本v5.0.8创建Vue2项目，通过`vuecreatemy-project`命令，并简述了后续项目生成步骤。
摘要由CSDN通过智能技术生成

全局安装 Vue CLI

参考官网 Vue CLI，安装命令如下

npm install -g @vue/cli

目前 Vue CLI 的最新版本为 v5.0.8

 创建 Vue2 项目

在希望创建项目的目录下打开命令行，键入命令

vue create my-project

其中 my-project 更改为自己需要的项目名

随后，根据以下截图的步骤进行项目创建

至此结束，稍等片刻生成项目

BIBI2049
关注
使用vue cli创建vue2项目
x65456的博客
04-08 1090
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 2362
利用vue-cli创建vue2项目的流程
vue2-04-利用VueCli脚手架搭建vue2项目步骤、目录解读、eslint缩进配置、自适应配置、less
最新发布
m0_64150479的博客
07-29 1228
利用VueCli脚手架搭建vue2项目详细过程，对创建好的vue2项目进行解释，都是啥，都有啥作用，html缩进和自动修复，px转rem，less
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 9881
使用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的项目基础
Mrs_Lupin的博客
06-23 891
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
使用vuecli创建vue2项目
weixin_44191318的博客
11-23 234
使用vue-cli搭建vue2版本的基础项目
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建项目非常简单，可以通过命令行运行`vue create <project-name>`来创建一个新的项目，其中`<project-name>`是你想要创建的项目的名称。创建项目时，系统会提示选择默认预设或手动选择功能，如Linter/...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
一个简单的示例，说明如何使用Vue CLI来创建一个新的Vue项目
06-06
为了开始使用Vue CLI创建项目，首先需要确保你的开发环境中已经安装了Vue CLI。如果你尚未安装它，可以通过Node Package Manager (npm)来实现安装过程。以下是安装步骤： 1. **通过npm安装**: ```bash npm ...
使用Vue CLI创建typescript项目的方法
10-16
本文将详细介绍如何使用Vue CLI来创建一个基于TypeScript的Vue项目。 ### Vue CLI介绍 Vue CLI是Vue.js的官方开发工具，用于快速搭建大型单页应用。Vue CLI是基于Node.js开发的，它允许开发者快速启动一个带有最佳...
vuecli创建项目vuecli创建项目.png
02-26
vuecli创建项目 vuecli创建项目
基于vue-cli创建vue2项目
idanzk的博客
10-30 300
首先打开终端，或者进入cmd。
使用vue_cli创建vue2项目
zjx1026的博客
06-23 135
vue_cli2创建vue项目
Vue-cli创建Vue2项目中的各步骤配置解析
xiaozhong159的博客
03-14 1349
小tips：我们在创建步骤的第九步会提示是否需要将当前选择的配置保存为一个预设模板（preset），保存后，我们可以找到C盘用户目录下的.vuerc文件，对预设的模板进行删除。为了描述各配置含义，不选择脚手架默认提供的模板，选择Manually select features（手动选择配置），使用⬆⬇选择，回车确认。因为本人主攻方向是后端，对前端了解远远不够，出于工作需要，需要自己搭建一个vue2项目，在此对搭建的一些过程进行纪录。如果你的代码不符合规范，会在保存时收到相应的警告或错误提示。
vue-cli创建vue2或vue3新项目步骤【留底收藏】
刻痕
12-24 8233
vue-cli创建vue2或vue3新项目步骤 1. 安装：node(已安装忽略，命令行：node -v 检查是否成功）2.cnpm或 yarn安装（非必须，npm也可以的）yarn安装：npm install -g yarn 查看版本：yarn -v cnpm安装：npm install -g cnpm -registry=https://registry.npm.taobao.org 查看版本：cnpm -v （备注：不要用npm install cnpm -g安装）...
使用vue-cli创建Vue2自定义项目步骤
m0_59250071的博客
11-08 552
Vue CLI 是 Vue 官方提供的一个全局命令工具。Vue2.x使用vue-cli创建Vue项目的步骤
如何搭建一个vue2项目(完整步骤)
热门推荐
zzz1780340的博客
04-10 2万+
从0-1搭建一个基础的vue2项目
使用vuecli脚手架创建一个项目
07-10
要使用Vue CLI脚手架创建一个项目，你可以按照以下步骤进行操作： 1. 首先，确保你的系统已经安装了Node.js。你可以在命令行中运行`node -v`来检查是否已经安装。 2. 安装Vue CLI。在命令行中运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建一个新的Vue项目。在命令行中运行以下命令来创建一个新的Vue项目： ``` vue create 项目名 ``` 例如，如果你想创建一个名为"my-project"的项目，可以运行以下命令： ``` vue create my-project ``` 4. 选择一个预设配置。当你运行上述命令后，Vue CLI会提示你选择一个预设配置。你可以选择默认的配置，也可以手动选择自定义配置。 5. 等待依赖安装完成。一旦你选择了预设配置，Vue CLI会自动安装项目所需的依赖。请耐心等待安装完成。 6. 进入项目目录。安装完成后，进入新创建的项目目录： ``` cd 项目名 ``` 7. 启动开发服务器。在命令行中运行以下命令来启动开发服务器： ``` npm run serve ``` 现在，你已经成功创建了一个Vue项目，并且可以在浏览器中访问`http://localhost:8080`来查看项目运行情况。 希望这能帮到你！如果你有任何其他问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值