创建一个vue2的脚手架

最新推荐文章于 2025-04-11 19:52:21 发布

原创最新推荐文章于 2025-04-11 19:52:21 发布 · 968 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

首先看vue版本，使用 vue -V 来查看你的vue版本

1.打开npm命令行工具，cd到你想要的某个目录中，并输入：

vue init webpack projectname

(开始创建名为projectname的脚手架，官方提供了webpack-simple和webpack两种)

2.敲完命令后会引导你创建最基本的脚手架

之后基本项目结构就创建好了：

只需要关心src目录中的内容就好:

assets: 存放图片、音频等一切静态资源
components: 存放所有的vue组件
router: 里面只有一个路由配置文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

May_OneDay

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue教程｜搭建vue项目｜Vue-CLI2.x 模板脚手架

baidu_21035953的博客

11-29

1687

通过实战方式，介绍基于Vue-CLI2.x 模板脚手架搭建vue2.x项目的完整构建过程，从环境搭建、脚手架搭建到脚手架构建项目，另外分享了工程结构各文件的具体用途，方便大家了解和掌握

开始学习Vue2（脚手架，组件化开发）

Mangcun_tutu的博客

01-23

1344

在声明自定义属性时，可以通过1ype来定义属性的值类型。是组件的自定义属性，在封装通用组件的时候，合理地使用。当组件在使用中，标签中不需要嵌套东西可以使用单标签。，所有的功能与交互都在这唯一的一个页。的意思时谁用我这个组件就必须要传递。是一个支持组件化开发的前端框架。在组件复用的时候，就使用双标签。，从而方便项目的开发和维护。声明组件、注册组件、使用组件。以极大的提高组件的复用性!要做的事情很单纯：通过。中规定：组件的后缀名是。中的数据都是可遗可写的!组件化开发指的是：根据。的值，如果不传就会报错。

参与评论您还未登录，请先登录后发表或查看评论

搭建Vue2脚手架

qq_53152029的博客

06-19

3829

1.配置npm淘宝镜像查看是否配置成功 2.下载、安装webpack ②下载完毕输入 ③webpack-cli -v检查版本号，安装成功 1.若此前已经安装过脚手架，可以跳过第一步。若此前没有安装过脚手架： 2.在合适的文件位置嵌入cmd 打开并输入命令创建脚手架 3.创建脚手架时选择vue的版本为vue2 在创建脚手架的文件目录下开启服务开启成功搭建成功...

Vue2脚手架创建项目

qq_39593914的博客

04-11

5535

Vue2脚手架创建项目一、使用脚手架 1.安装 @vue/cli 简述 cli ===> command line interface (命令行接口) // 安装 npm install -g @vue/cli # OR yarn global add @vue/cli // 升级 npm update -g @vue/cli # OR yarn global upgrade --latest @vue/cli // 版本查看 vue --

创建一个vue2的脚手架项目（超详细）

adminsir0的博客

10-10

9448

vue，vue2，脚手架，目录，npm，node，vue项目

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

qq_63625143的博客

04-29

410

新建一个文件夹（不要用中文名，这里示例忘了改了），在文件夹地址栏输入cmd打开命令窗口。空格选中/取消，选中图中的几个，回车确认。安装时选择Add to Path。vue create 项目名称。选择vue版本，这里选择第三个。在全局安装vue-cli。首先安装node,js。node.js官网链接。防止npm下载插件过慢。选择2版本（vue2）选择一个css预处理器。上下键选择，回车确认。

VUE3脚手架工具cli配置搭建及创建VUE3工程

雾林小妖的博客

06-17

4420

VUE3脚手架工具cli配置搭建及创建VUE工程

Vue脚手架的安装以及创建Vue2，Vue3、Vite+Vue3项目

weixin_53752776的博客

09-30

1782

Vue CLI 是 Vue.js 官方提供的脚手架工具，用于快速搭建 Vue.js 应用程序。它提供了一套完整的工具链来帮助开发者高效地构建复杂的应用程序。Vue CLI 包括了创建新项目、提供内置的现代化构建设置、支持热重载（HMR）、以及一个插件系统来扩展其功能等特性。对于第一次接触Vue小伙伴的温馨提示：在我们安装vue之前我们需要先安装Node.js，我们需要在node环境中来安装和运行Vue。

如何创建一个 Vue 3 项目

一起coding，一起嗨。

01-24

831

如何创建一个 Vue 3 项目

第一步 Vue2 使用 Vue 脚手架 Vue CLI 搭建一个 Vue.js 前端项目框架

mebell的专栏

09-18

1114

Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工具。它集成了开发所需的各种工具和常见配置，让你可以专注于编写代码而不用为构建过程烦恼。本教程将介绍如何使用 Vue CLI 来搭建一个基本的 Vue.js 项目。

Vue2 通过脚手架（cli）创建项目方式

weixin_45703831的博客

04-30

1921

【注意，创建的文件夹名字最好不要与项目名同名】

Vue2：脚手架 vue-cli

博客网站 https://async-area.com

11-14

2226

讲解Vue的脚手架vue-cli

VUE-脚手架搭建

xhmico的博客

12-15

3594

vue 有两个大版本，分别是 vue-2 和 vue-3，目前新项目的话用 vue-3 的会比较多以下我会分别提供搭建 vue-2 和 vue-3 脚手架的过程。

用脚手架新建一个vue2的项目

sinat_34896766的博客

01-05

1570

2、在项目新建路径的外层文件夹下打开cmd，输入vue create 项目名(需要安装node，node安装完成后，可用node -v查看安装版本。项目名不能包含大写母，否则会提示以下错误。注意此时的v是大写的V。

Vue2.0搭建脚手架（vue-cli）

最新发布

2302_80490510的博客

04-11

1864

Vue CLI 的全称是 Vue Command Line Interface，即 Vue 命令行界面。它是一个强大的工具，用于帮助开发者快速搭建、配置和管理 Vue.js 项目。项目创建：Vue CLI 提供了一个图形化界面和命令行工具，可以快速创建新的 Vue.js 项目，并且可以选择不同的配置和功能预设。项目配置：允许开发者自定义项目的构建配置，例如配置 Babel、PostCSS、Webpack 等工具，以及添加额外的插件和功能。插件生态系统：Vue CLI 拥有一个丰富的插件生态系统，开发者可以通

Vue2基础教程(脚手架版)

qq_57319760的博客

09-14

6381

本文讲解使用Vue脚手架进行Vue2学习，适合学习完一遍vue2基础的人进行复习

如何新建一个vue2脚手架项目

02-19

### 创建新的 Vue 2 项目为了创建一个新的 Vue 2 项目，需要遵循特定的过程来确保兼容性和配置的准确性。由于 Vue CLI >= 3 的 `vue` 命令会覆盖旧版本命令，因此对于创建 Vue 2 项目而言，需先安装一个桥接工具[^2]。 #### 安装必要的依赖首先，确认 Node.js 已经正确安装并可以使用 nvm 或其他方式管理多个 Node.js 版本[^3]。接着，在全局环境中安装 Vue CLI 桥接工具： ```bash npm install -g @vue/cli-init ``` 这一步骤是为了让 `vue init` 命令能够正常工作，从而支持基于模板初始化新项目的功能。 #### 初始化项目结构 通过执行下面这条命令启动交互式的项目创建流程： ```bash vue init webpack my-vue2-project ``` 这里选择了官方推荐的 Webpack 模板作为基础框架构建应用；当然也可以选择其他的社区贡献模版以满足不同的需求。 #### 配置选项的选择在整个过程中会被询问一系列关于项目配置的问题，包括但不限于是否启用 History Mode 路由、选用哪种 CSS 处理器以及 ESLint 设置等细节[^5]。根据实际开发偏好做出相应选择即可完成整个过程。 #### 后续操作建议当所有配置完成后，进入新建好的项目文件夹内运行如下指令安装所需的 npm 包，并启动本地服务器查看效果： ```bash cd my-vue2-project npm run dev ``` 这样就可以在一个全新的 Vue 2 环境下开始编写应用程序了。