使用vue ui创建vue2项目

方式1:黑窗口创建项目方式
方式2:使用vue ui创建vue2项目

在终端输入vue ui 运行之后跳转到http://localhost:8000/project/select
在这里插入图片描述
点击左上角wordvue选择Vue项目管理器,打开之后可以创建项目 也可以打开之前已有的项目
在这里插入图片描述
选择创建项目,然后选择项目所在的目录,这次依旧放在桌面上
可自定义输入:地址,然后回车在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/dc7c51bc0c9348618bc43d911ccced79.png
在这里插入图片描述

填写项目名称,包管理一般选默认,git仓库看个人需求
在这里插入图片描述

预设就是手动选择配置项

在这里插入图片描述
在这里插入图片描述

配置和黑窗口操作一样的

在这里插入图片描述

可以自由选则是否保存预设

在这里插入图片描述

创建成功之后,会自动进入app项目

在这里插入图片描述
在这里插入图片描述

安装依赖(用vue ui安装依赖非常简单,直接搜索然后安装)

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

vue2最新插件
在这里插入图片描述
babel:sass转css es6转es5
eslint:代码规范

运行依赖
在这里插入图片描述core-js :当使用较新的 ECMAScript 语言特性或 API 时,旧版本的浏览器或 JavaScript 引擎可能不支持它们,这时就需要使用 Polyfill 来提供对这些特性的支持
Core-js 可以用于填充许多 ECMAScript 标准的功能,包括 Promise、Map、Set、Array.from、Object.assign 等。通过引入 Core-js,您可以确保您的代码在更广泛的浏览器和环境中正常运行,而不必担心缺少特定的 ECMAScript 特性
import ‘core-js/features/promise’;
import ‘core-js/features/array/from’;

开发依赖
在这里插入图片描述@babel/core: Babel 的核心模块,用于将较新版本的 JavaScript 代码转换为向后兼容的代码,以便在旧版本的浏览器或环境中运行
vue-template-compiler 是一个用于将 Vue 单文件组件中的模板代码编译为可执行 JavaScript 渲染函数的模块
Sass: Sass 是一门成熟的 CSS 预处理器,它引入了许多增强功能来提高 CSS 的开发效率和可维护性。Sass 具有层叠样式表的所有特性,并且通过添加额外的功能和语法使其更强大。使用 Sass 可以编写更简洁、更模块化的样式代码,并通过使用变量、嵌套、混合器等功能,提高样式的可重用性和灵活性。
sass-loader: sass-loader 是一个 webpack 加载器,用于将 Sass 代码转换为普通的 CSS 代码。它允许您在 webpack 构建过程中处理 Sass 文件,并将其编译为浏览器可识别的 CSS 格式。sass-loader 会将 Sass 文件的内容解析为 CSS,并将其注入到您的项目中,以便在运行时应用样式

eslint
eslint:ESLint 作为基础工具,可以在项目的配置文件(如 .eslintrc)中配置这些依赖项,并根据需要启用和定制它们,是一个通用的 JavaScript 代码检查工具,它提供了核心的代码检查和规范功能,但不包含特定的规则或配置

eslint扩展功能和规则,添加特定的规则和配置,以满足项目的需要
@babel/eslint-parser: 一个用于在 ESLint 中使用 Babel 解析器的模块。它允许在 ESLint 中使用 Babel 的解析器来解析 JavaScript 代码,从而支持对最新语法和特性的语法检查
@vue/eslint-config-standard: Vue 官方提供的 ESLint 配置规则,基于 Standard 风格指南。它定义了一套用于 Vue 项目的代码风格规范,包括缩进、引号、命名约定等
eslint-plugin-import: ESLint 插件,用于检查 import/export 语句的使用。
eslint-plugin-node: ESLint 插件,用于检查 Node.js 相关的代码。它包含一些规则,用于检查 Node.js 环境下的模块使用、文件操作、全局对象等
eslint-plugin-promise: ESLint 插件,用于检查 Promise 相关的代码。它提供了一些规则,用于检查 Promise 的使用、错误处理、异步函数等
eslint-plugin-vue:用于在 Vue.js 项目中进行代码检查和规范。它提供了一系列针对 Vue 单文件组件的规则

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值