1、vue-cli安装
Vue CLI (Vue Command Line Interface)是一个基于 Vue.js 的官方脚手架,用于快速生成 Vue 项目的基础结构。它提供了一些预设的项目模板,帮助开发人员快速搭建 Vue 项目,并集成了常用的开发工具和必备插件。
您可以通过以下步骤安装金额使用 Vue CLI:
1、安装 Node.js:在https://nodejs.org/en/上下载和安装最新版本的Node.js。
# 查看npm是否安装成功
npm -v
2、安装 Vue CLIl:打开终端或命令行工具,输入以下命令进行全局安装 Vue CLI;
# 安装命令
npm install -g @vue/cli
3、创建项目
# 创建命令
vue create project-name
如果选择default直接创建项目,一些依赖需要手动安装。这里我们选择手动安装。

在这里我们不选择TypeScript和单元测试以及PWA。

Vue版本选择2.x,3.x更推荐使用vite。

路由模式建议使用hash路由。

CSS 预处理器,web端推荐使用sass、移动端推荐使用less。这里我们使用sass作为CSS预处理器。

ESlint配置这里选择的是严格模式,一般为正常模式根据需要自行选择。

一般都是保存时校验,如果对自己的代码比较有信心,可以选择提交或修复时校验。

配置是保存在package.json中,还是单独生成单独的配置文件。这里选择生成单独的配置文件。

是不是需要保存此次配置项,以便后期使用。


本文详细介绍了如何使用vue-cli4.x创建项目,配置editorconfig、环境变量、eslint、prettier,安装并配置ElementUI和axios,旨在构建一个完善的Vue开发框架。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



