- 安装node环境(nodejs安装及环境配置_车银优的博客-CSDN博客_nodejs安装及环境配置)
- 通过“npm install @vue/cli -g”安装vue-cli脚手架
卸载:npm uninstall vue-cli -g
查看命令: vue -h
- 进行项目初始化,可以控制台初始化,也可以通过可视化来进行初始化
控制台(vue create 项目名):
-
-
-
-
-
-
-
-
-
- 创建成功, npm run serve 启动
- 安装elementUI组件, npm install element-ui -S
可视化(vue ui)(vue3.0可用使用前可通过vue -h 查看是否有ui命令,如果没有则更新vue):
- 控制台: vue ui
- 选择文件夹设置名称等基础信息
-
- 在预设中勾选(安装插件):
Babel、Router(路由)、vuex、Linter/Formatter(代码格式校验)、使用配置文件
其他根据自己需要勾选
-
- 创建完项目之后进入仪表盘
如果创建完发现停留在创建页面没有进入可以选择返回到select选择将是这个项目导入这个管理器点击打开仪表盘
- 安装elementui插件(依次点击插件-添加插件-选中element)
安装完之后进行插件配置(选择按需引入)