方式1:黑窗口创建项目方式
方式2:使用vue ui创建vue2项目
在终端输入vue ui 运行之后跳转到http://localhost:8000/project/select
点击左上角wordvue选择Vue项目管理器,打开之后可以创建项目 也可以打开之前已有的项目
选择创建项目,然后选择项目所在的目录,这次依旧放在桌面上
可自定义输入:地址,然后回车
填写项目名称,包管理一般选默认,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 单文件组件的规则