Vue使用文档(一):新建项目

Vue使用文档之一:新建项目


欢迎大家加入CSDN开发云
CSDN开发云
最近在学习Vue,随手将听课笔记整理,简单易懂,留档备用。

    1. 必须用root或者Administrator身份启动命令提示符;
    1. cmd命令,进入对应文件夹创建Vue项目;
    1. 使用“vue ui”命令,系统自动打开浏览器,并访问链接:http://localhost:8000/dashboard此地址;
    1. 创建项目准备;↓
      准备创建项目
    1. 创建项目;↓
      选中文件存放位置
    1. 填写项目名称,去掉git仓库选项;↓
      填写项目名称,去掉git选项
    1. 自定义创建项目;↓
      选择手动自定义创建项目
    1. 选择项目功能;↓

    ①选中vuex和router;
    ②去掉格式化选项;

如上图所示

    1. 创建项目,待自动生成;↓
      等待自动创建项目
      不需要保存模板
    1. 项目创建完成;↓
      新项目已创建完成
    1. 需要安装其他插件(例:elementUI),可以点击添加插件;↓
      请添加图片描述
    1. 搜索插件并安装;↓
      请添加图片描述
    1. 完成以上步骤,可以退出浏览器,直接在命令提示符中使用ctrl+c关闭;
    1. 使用IDE打开项目,例如VSCode;
    1. 在控制台使用npm run serve命令启动项目查看是否正常打开;
    1. 需要前后端进行连接前,在控制台使用vue add axios命令安装axios
    1. 集成elementUI,需要在控制台使用cnpm install --save element-ui命令。

欢迎大家加入CSDN开发云
CSDN开发云

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值