vue项目实战(一)

第一步:找到你想要存放项目的文件夹 输入cmd 就会弹出小黑窗 然后输入vue create 项目名 创建项目。(前提安装好node.js和搭建 vue 环境)

 打开终端 创建项目

按上下键进行选择 做一些配置。这次选择自定义 也就是最后一个 按回车 

选择项目设置 按上下键切换 按空格键选择或者取消选择 最终我们选择下面四个 然后回车键

 

 这里是选择Vue.js的版本 我们选择2.X

这里是问你的路由模式是否需要选择history模式 如果是就输入Y 如果不是 那就是选择了hash模式 那么就输入n

 我们选择hash模式 所以输入n

这里选择那种css预处理器   我们选择less

 

 这里询问你是把设置另外放在一个文件夹里 还是放在package.json文件夹里

这里问你是否把刚刚的设置都保存下来 以后的文件也能有

如果你输入Y 就表示你要存储这些设置 下一步就会让你给这些设置取个名字 你下一次就可以直接选择这个了

现在项目成功创建好了 系统提示了两句话 一句是 “cd project02”表示进入这个项目 “npm run serve” 运行项目 依次输入着两句话

 

在app.vue里设置点击跳转事件 也就是我们点击文字 会跳转到某个网址

 

 

 

在router这个文件里 去设置每条路径相对应的视图界面

 

 在views文件夹里 就写每个页面具体的内容是什么

今天是“开发者社区”项目的第一天 首先创建了这个项目 然后去解释每个文件的内容 并且学习了Vue Router知识点 引申学习了解了路由的两种模式 history hash 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值