美文网首页vue.js
vue简介(详细,安装)

vue简介(详细,安装)

作者: 遥啊遥啊遥啊 | 来源:发表于2018-06-25 17:17 被阅读0次

Vue是一套用于构建用户界面的渐进式框架,何为渐进式框架呢,就相当于一层层的来进行渲染,一步步的来。Vue的核心库只关注视图层,最为重要的就是数据!它跟原来的js不一样,js是对dom的操作,而Vue是绑定数据。

学习vue,一定要对html,css,JavaScript有所了解。知道基础的东西,虽然没官方说的那样的吓人(官方说必须已经达到中级,但是我不这样认为,初级就可以了,因为我自己也是初级~),如果真的不了解,建议先放弃,不然你会学的很费力,会容易放弃,毕竟学习都是枯燥的。


引入安装

1.cdn引入

<script src=''https://cdn.jsdelivr.net/npm/vue/dist/vue.js''></script>

2.npm安装(打开cmd命令)

安装node.js(开发环境)

       官网地址:https://nodejs.org/en/download/

       参考地址:https://www.cnblogs.com/zhouyu2017/p/6485265.html

安装淘宝镜像(因为官方的有时候下载太卡了,也容易出错,这个相对于稳定一点)

        npm install -g cnpm --registry=https://registry.npm.taobao.org

安装webpack

       cnpm install webpack -g

安装vue脚手架

       npm install vue-cli -g

新建一个放项目的文件夹,用cmd进去

输入命令

vue init webpack-simple 工程名字<工程名字不能用中文>

其中会有一些设置,根据项目来

安装依赖

1.cd 项目名

2.npm install

3.cnpm install vue-router vue-resource --save(安装vue-router和vue-resource,就是路由跟网络请求模块)

运行

npm run dev(如果能看到hello vue !那就是成功了)

相关文章

  • vue简介(详细,安装)

    Vue是一套用于构建用户界面的渐进式框架,何为渐进式框架呢,就相当于一层层的来进行渲染,一步步的来。Vue的核心库...

  • Vue脚手架

    一:简介Vue脚手架用于快速的生成Vue项目的基础架构安装3.x版本的脚手架 vue-cli创建项目详细[http...

  • vue2组件系列第一节:Layout布局

    目录: vue组件系列课程简介 页面结构介绍 安装vue,vue-cli, 安装vant UI框架 导入组件 各页...

  • Vue入坑教程(一)——搭建vue-cli脚手架

    1. Vue简介 详细内容可以参考官网Vue.js 1)兼容性 Vue 不支持 IE8 及以下版本,因为 Vue ...

  • vuex脚手架安装步骤:

    Vue-cli的安装步骤详细版本 https://github.com/vuejs/vue-cli 官网 使用官方...

  • 初识Vue-router笔记

    详细教程:Vue Router菜鸟 基础 一、 安装 二、 起步 1. 接入vue-router 2. 路由入口:...

  • vue3.0+vue-cli4.5+vue-router4.0

    首先先下载安装vue-cli4.5 然后创建项目时进入到项目路径下 安装选项选择vue3,接来下安装的步骤就不详细...

  • Vue-Cli 3.x / 4.x

    Vue-Cli Vue-cli3 以后,安装命令: 或 安装之后就可以使用了,具体教程,官网都写的很详细,这里不做...

  • Vue学习笔记进阶篇——vue-resource安装及使用

    本文为转载,原文:Vue学习笔记进阶篇——vue-resource安装及使用 简介 vue-resource是Vu...

  • Vue.js学习笔记

    一、Vue 简介及安装 简介 Vue只关注视图层,采用自底向上的增量开发的设计 Vue的目标是通过尽可能简单的AP...

网友评论

    本文标题:vue简介(详细,安装)

    本文链接:https://www.haomeiwen.com/subject/qsvyyftx.html