Vue学习随笔--搭建脚手架

本文分享了一名大学生从初次接触Vue到熟练掌握的心路历程,并提供了详细的安装步骤与实践建议,适合初学者参考。

我在大二的时候才接触到vue,有位很厉害的同学跟我讲vue很简单,特别容易上手,而当时的我学起来非常吃力。现在我大三了,这一次接触到vue觉得真的很容易简单上手。所以我建议在学vue之前因该具备的基础是:html、css、javascript、php、mysql、jQuery。像html、css、js这种比较简单,其中,如果学习了php后再学习vue是非常容易理解里面的路由以及传参等等。我认为初学者学习时遇到的问题非常简单(或者说很幼稚),现在我是边学边记笔记,为了让更多和我频率相同的人更好的理解和参考。
可能认知上会有些错误,欢迎批评指正。

  1. 打开想要存放vue项目的文件夹,并在文件路径下输入cmd回车。

在这里插入图片描述

  1. 在弹出的终端上输入 vue create app(此处app是项目名,项目名要小写,根据个人自行更改)

    我的项目名是vue-app,此处未更改,仅供参考
    

在这里插入图片描述
3. 根据个人需求选择配置样式,确定选项后回车下一步
在这里插入图片描述
4. 选择当前项目所需配置,如果需要此项配置按上下键移动到指定位置,按空格键进行选定和取消。选完后回车下一步在这里插入图片描述
5. 是否选择history模式
vue-router有两种模式,hash模式和history模式
hash是单页面应用标配(前端路由),不请求服务器
history api可以分为两大部分,切换和修改,参考MDN,切换历史状态包括back、forward、go 三个方法,对应浏览器的前进,后退,跳转操作(后端路由),请求服务器
在这里插入图片描述
6. 选择所需配置文件
在这里插入图片描述
7. 是否保存本次项目配置并应用于以后的项目配置
在这里插入图片描述
8. 回车,开始创建项目
在这里插入图片描述

  1. win版:
    cd vue-app 跳转到项目目录下
    npm run serve 启动项目
    在这里插入图片描述
  2. 复制服务器地址到浏览器查看
    在这里插入图片描述
  3. 出现此页面表示搭建成功
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值