用vue-cli脚手架创建一个vue2的项目

已于 2024-04-29 15:03:25 修改
阅读量291 收藏 3
点赞数 6
分类专栏： vue2 文章标签： vue.js 前端 javascript
于 2024-04-29 14:55:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63625143/article/details/138312376
版权
本文详细指导如何在Windows上安装Node.js，设置环境变量，以及使用VueCLI创建Vue2项目，包括配置npm镜像和选择CSS预处理器的步骤。
摘要由CSDN通过智能技术生成

首先安装node,js

node.js官网链接

下载 | Node.js 中文网

安装时选择Add to Path

防止npm下载插件过慢

镜像网站：npm淘宝镜像最新官方指引（2023.08.31） - 知乎

镜像网站官网：npmmirror 镜像站

查看node版本

node -v

在全局安装vue-cli

npm install -g @vue/cli

新建一个文件夹（不要用中文名，这里示例忘了改了），在文件夹地址栏输入cmd打开命令窗口

vue create 项目名称

上下键选择，回车确认

选择vue版本，这里选择第三个

空格选中/取消，选中图中的几个，回车确认

选择2版本（vue2）

大写Y 写y就行

选择一个css预处理器

选择pakage

大写YN写n就行

然后等待

创建完成

蓬莱山技术宅
关注
专栏目录
基于vue-cli创建vue2项目
PY123456PY123456的博客
07-10 765
首先在要创建的vue项目的文件夹进入终端。 如图所示，在这里输入cmd进入命令提示符。基于vue-cli快速生成工程化的Vue项目： 如图所示，我创建了一个名为demo-first的vue项目。 接下来选择项目预设，这里建议手动选择需要安装的预设，选择好后按enter键进入下一步 接下来选择预设，这里只选择Babel和css预处理器就好，Router和Linter/Formatter等后面学了再选。Linter/Formatter是来约束代码风格的。（这里空格键来控制选中，enter键进入下一步） 接下
使用 Vue-cli 脚手架创建项目
Sun_blog
07-14 2249
文章目录使用Vue CLI创建项目第一步，安装Node.js第二步，进入命令行第三步，安装脚手架工具第四步，切换目录第五步，创建项目总结 使用Vue CLI创建项目 本次以WIN10系统为例，其他系统略有差异。 第一步，安装Node.js Node.js官网 下载左侧的版本，根据提示安装即可。没什么特殊注意的情况，这里就不做演示了，安装过的同学可以跳过这一步。 第二步，进入命令行 按下键盘 WIN+R 键，输入 cmd 回车进入命令行。 安装过的同学，可以输入node -v 查看 node.js 的
如何使用Vue Cli搭建vue2的项目基础
Mrs_Lupin的博客
06-23 975
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
Vue2使用Vue CLI学习笔记
最新发布
m0_52458424的博客
09-05 1186
学习vue2相关知识，如构建项目，组件注册，组件之间的通信，ref属性，自定义项目创建，eslint，项目打包等
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 9896
使用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
给自己用的：VueCli创建Vue2项目，包括引入axios，elementui
y3254160873的博客
06-07 562
VueCli创建Vue2项目，包括引入axios，elementui
使用vue-cli创建Vue2自定义项目步骤
m0_59250071的博客
11-08 573
Vue CLI 是 Vue 官方提供的一个全局命令工具。Vue2.x使用vue-cli创建Vue项目的步骤
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
- 使用vue-cli脚手架创建的项目已经包含了热加载、代码检查、单元测试和CSS分离等现代Web开发所需的功能。 - Vue.js项目的目录结构是预设好的，这包括源码、资源、构建配置等不同部分的文件夹。 - 在进行项目开发时...
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
2、点击 create 后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动 3、选择配置，这时你会...
vue-cli ,vue2项目的完整搭建，新建，配置，路由配置，API封装，到打包上线
lin_s_c的博客
08-05 6720
发现当我重新开发一个项目的时候，偶尔会忘记某些步骤，所以做个整理便于以后查看！项目开始的时候当然是做技术选型，还有用什么框架啊，插件啊，都先设计好，这样在开发过程中也不会太曲折！ 项目搭建的过程，在本文中划分为6个部分 安装node，安装全局vue，安装vue-cli检查安装是否成功 因为个人习惯这里用vue2来举例，新建一个文件夹，进入到文件夹，命令行输入如下图所示：安装 进入项目：启动项目：浏览器打开： 这时候项目就新建完成啦～可以开始进行创作 附加：vue项目目录讲解 最常用的是esline配置
小白级教程:使用Vue CLI搭建vue2项目_mac搭建vue2项目
C_javascrip的博客
12-18 1247
创建vue项目自定义手动配置
使用vue-cli创建一个vue项目
沐晨-前端
06-21 113
vue项目初始化
【前端 19】使用Vue-CLI脚手架构建Vue2项目
delepaste的博客
07-29 796
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版本。
如何搭建一个vue2项目(完整步骤)
热门推荐
zzz1780340的博客
04-10 2万+
从0-1搭建一个基础的vue2项目
vue2创建移动端项目
m0_71939262的博客
03-29 245
1.2:安装 Node.js环境 +淘宝镜像+ webpack + VScode + 谷歌浏览器 + git + vue-cli首先去官网下载node的安装包。然后CTRL+R，打开终端，在终端中全局下载淘宝镜像：npm install -g cnpm -registry=https://registry.npm.taobao.org## .查看cnpm是否真的安装成功 cnpm -v安装Webpack在cmd中输入这三个看项目需要，前两个必须安装。
vue2-04-利用VueCli脚手架搭建vue2项目步骤、目录解读、eslint缩进配置、自适应配置、less
m0_64150479的博客
07-29 1298
利用VueCli脚手架搭建vue2项目详细过程，对创建好的vue2项目进行解释，都是啥，都有啥作用，html缩进和自动修复，px转rem，less
vue2适配移动端 vue创建移动端项目
weixin_70024734的博客
09-19 233
只要导入就行了 不需要命名然后Vue.use()文件位置与package.json同级。安装完成之后打开main.js。新建了一个文件 名叫。
手动配置webpack创建Vue项目：仿vue-cli脚手架
"本文将引导读者使用webpack搭建一个Vue项目，并实现类似vue-cli的脚手架功能。在过程中，我们将了解如何创建项目、配置webpack、引入依赖以及设置基本的项目结构。" 创建Vue项目的步骤： 1. 首先确保你已经安装了...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值