从零开始的Vue项目世界

electronic-walnut / 2024-02-23 / 原文

本文将讲述如何从零开始,部署开发环境,开启一个崭新的Vue项目。

第一步安装NodeJS

Basically,安装vue cli

npm install -g @vue/cli

第二步配置镜像

npm config set registry https://registry.npmmirror.com

第三步初始化新项目

使用Vue UI可视化创建和管理项目(当然也可以使用命令行)
VUE3.0学习系列随笔(一):VUE3.0项目初始化_vue3.0初始化-CSDN博客
可以顺便安装上VueX和Router插件

第四步安装Element Plus

# NPM
$ npm install element-plus --save

安装额外插件,实现自动引入(如果追求打包后体积小,则自动引入而非完整引入)

npm install -D unplugin-vue-components unplugin-auto-import

如果出现报错可按照下述方式解决
vue 3.0 使用element-plus按需导入方法和报错解决_elementplus安装报错-CSDN博客