从零搭建一个vue项目(两种方式)

  1. 安装node环境(nodejs安装及环境配置_车银优的博客-CSDN博客_nodejs安装及环境配置
  2. 通过“npm install @vue/cli -g”安装vue-cli脚手架

卸载:npm uninstall vue-cli -g

查看命令: vue -h

  1. 进行项目初始化,可以控制台初始化,也可以通过可视化来进行初始化

控制台(vue create 项目名):

  1. 创建成功, npm run serve 启动
  2. 安装elementUI组件, npm install element-ui -S

可视化(vue ui)(vue3.0可用使用前可通过vue -h 查看是否有ui命令,如果没有则更新vue):

  1. 控制台: vue ui
  2. 选择文件夹设置名称等基础信息
  3. 在预设中勾选(安装插件):

Babel、Router(路由)、vuex、Linter/Formatter(代码格式校验)、使用配置文件

其他根据自己需要勾选

  1. 创建完项目之后进入仪表盘

如果创建完发现停留在创建页面没有进入可以选择返回到select选择将是这个项目导入这个管理器点击打开仪表盘

  1. 安装elementui插件(依次点击插件-添加插件-选中element)

安装完之后进行插件配置(选择按需引入)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值