Vue基本知识介绍

  • 什么是Vue:是构建用户界面的渐进式的框架,它被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
  • 引用方式:通过<script src="">或者npm(cnpm)安装使用
  • 原理:响应式原理
  • Vue脚手架项目搭建过程:
  • 搭建完Vue的环境之后,我们就开始创建一个项目吧
  • 首先要进入创建项目的:cd XXX
  • 创建全局的 vue-cli(每次创建的时候都需要执行的):cnpm install --global vue-cli
  • 创建一个基于webpack 模板的新项目:vue init webpack   projectname(项目名字)
  • 这时候需要填写一些配置信息如下:填写完按回车
     ? Project name my-project
     ? Project description A Vue.js project
     ? Author runoob <test@runoob.com>
     ? Vue build standalone
     ? Use ESLint to lint your code? Yes
     ? Pick an ESLint preset Standard
     ? Setup unit tests with Karma + Mocha? Yes
     ? Setup e2e tests with Nightwatch? Yes
  • 此上就创建好了一个项目,完后我们要进入项目安装并运行
  • 将进入项目:cd 项目名
  • 安装:cnpm install
  • 运行项目:cnpm run dev(只有在运行项目的时候页面才会展示的哦)
  • 安装Vuedebug工具参考:https://blog.csdn.net/p930318/article/details/87257760

?mid=&wid=51824&sid=&tid=8357&rid=LOADED&custom1=mp.csdn.net&custom2=%2Fpostedit%2F94602126&t=1562986493753?mid=&wid=51824&sid=&tid=8357&rid=BEFORE_OPTOUT_REQ&t=1562986493753?mid=&wid=51824&sid=&tid=8357&rid=FINISHED&custom1=mp.csdn.net&t=1562986493754

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值