[Vue]Vue3.0+Element Plus搭建项目

Vue3.0+Element Plus搭建项目

    • 一、升级 vue-cli
    • 二、新建vue3.0项目
    • 三、安装Element Plus

一、升级 vue-cli

首先在终端输入以下命令,查看脚手架版本

vue -V

[Vue]Vue3.0+Element Plus搭建项目_第1张图片
本次使用用 [email protected]以上的版本,执行以下命令进行升级

npm install -g @vue/cli

[Vue]Vue3.0+Element Plus搭建项目_第2张图片

二、新建vue3.0项目

vue3.0中文官网

装好后终端 cd 至你的项目目录,执行下面命令新建vue3.0项目

vue create vue3-project

[Vue]Vue3.0+Element Plus搭建项目_第3张图片
选最后一个,自定义
[Vue]Vue3.0+Element Plus搭建项目_第4张图片
[Vue]Vue3.0+Element Plus搭建项目_第5张图片
创建成功,根据提示进入项目目录,执行以下命令即可运行项目

npm run serve

[Vue]Vue3.0+Element Plus搭建项目_第6张图片
[Vue]Vue3.0+Element Plus搭建项目_第7张图片
目录结构长这样
[Vue]Vue3.0+Element Plus搭建项目_第8张图片

三、安装Element Plus

Element Plus官网

在终端执行以下命令,安装Element Plus

cnpm install element-plus --save     

在官网上查看使用,剩下的就可以愉快地进行后续开发了

你可能感兴趣的:(Vue,vue.js,javascript,前端)