前端小白Vue2.0脚手架项目搭建开发实战

写这篇文字主要是我需要写一份vue教学文档留给公司的人,所以顺便上传到上边,希望对大家有所帮助。小弟不才,请多多包含。
一.Vue环境需要
1.nodeJS(常用指令:https://blog.csdn.net/a411360945/article/details/79944991)
2.Webpack(在项目中安装)
3.脚手架。Vue-cli
4.安装淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org
二.初始化项目

  1. 用vue init webpack Swiper(文件名)
  2. 然后输入Project name:项目名称(显示在html的title内容,不能为大写,多个单词可以用“-”链接)
  3. 描述Project description:随意写
  4. 作者:Author:随意写
  5. Vue build:默认第一个,直接回车
  6. Install vue-router:yes
  7. Use ESLint to lint your code?:no
  8. Set up unit tests:no
  9. Setup e2e tests with Nightwatch?:no
  10. Yes, use NPM
  11. cd Swiper (进入文件夹下)
  12. npm run dev(启动)
    三.路由布局
    1.进入src下的router,打开index.js
    这里插入图片描述
    2.新建一个组件
    在这里插入图片描述
    3.在路由中配置新组件地址:
    在这里插入图片描述
    路由传参等请看:https://github.com/youchaojun/Vue2.0-
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值