zoukankan      html  css  js  c++  java
  • 使用vue-cli搭建vue项目简单教程

    一直没有时间来写些东西,今天就写写vue脚手架吧,初建一个vue项目。

    vue是近段时间来特别火的一个mvvm框架,小巧、简单、易学,如果你的前端基础还好的话,学起来挺简单的。官网地址: https://cn.vuejs.org/  官方文档写的非常详细。

    好了,废话不多说,开始!

    我只是说一下vue-cli,所以,

    1、你要先安装一下node,从node官网上 https://nodejs.org/en/  下载安装,安装完毕可以在终端上检测一下是否安装成功,node -v , 出现版本号就证明安装成功了,安装好之后npm也就安装成功了,可以直接试一下npm -v,

    出现版本号就ok。

    2、安装vue,npm install vue。

    3、全局安装vue-cli,npm install --globle vue-cli,脚手架安装之后以后再创建项目就不用重复安装了。

    4、创建一个基于webpack的模板的新项目,也有其他的模板,大家可以百度了解一下,vue init webpack vue-demo。vue-demo是你项目的名称,安装完成会自动创建名为vue-demo的项目。

    5、切换到你的项目 cd vue-demo,安装依赖,npm install。

    6、最后一步,npm run dev!

    出现这个就可以了。

    我写了一个小demo,https://github.com/XiaoyingL/vue-demo ,里面用到了vue-resource,vue-router,有需要的可以看看,欢迎指正!

  • 相关阅读:
    containerd 与安全沙箱的 Kubernetes 初体验
    dubbo-go 中的 TPS Limit 设计与实现
    MVC
    DataGridView移动上下行
    Jquery hover 事件
    MVC
    MVC 基本概念
    AJAX简单封装
    ViewState
    PostBack
  • 原文地址:https://www.cnblogs.com/liyingying/p/7017606.html
Copyright © 2011-2022 走看看