vue.js(二)

作者: 旧丶时候 | 来源:发表于2017-02-21 21:04 被阅读0次

0. 前言

今天北京下雪了,还挺冷的,哈哈,好吧,今天就说一下如果我们要想用vue.js做一个项目的时候,那肯定会用到vue.js里面的脚手架,我今天就介绍一下,怎么安装这个脚手架。


timg.jpg

1. 安装

兼容性

Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。安装vue.cli脚手架官网

安装的条件之一

必须先安装一个node.js,有了node.js才可以输入命令行,才可以安装vue.js脚手架,安装node.js官网

NPM

在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。

命令行工具

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

vue.js官网的安装方法


图片.png

我自己也总结了下流程,当然我写的也不能超越了官网的那几个步骤,我比官网说的可能就是,多了一点注释,解释。

  1. Node.js安装
    https://nodejs.org/en/download/
  2. 安装vue-cli
    npm install -g vue-cli
  3. 使用vue-cli初始化项目
    vue init webpack-simple my-project-name
    如果遇到Install vue-router? 时输入:yes
    这句话的意思是问你是否同意安装路由。
    如果遇到Use ESLlint to lint your code? 时输入:no
    ESLlint 算是一个代码语法规范的检查工具,不同意就不会把检查代码的功能加进,如果你对自己写的代码,没有信心,就不要同意,否则你写的代码没有按照,人家要求的严格模式写,就会保各种错。。。
    如果遇到Setup unit tests with Karma + mocha? 时输入:no
    问你是否需要进行自动化测试
    如果遇到Setup e2e tests with Nightwatch? 时输入:no
    设置用Nightwatch e2e测试
  4. 进入目录
    cd my-project
  5. 安装依赖
    npm install
  6. 开始运行
    npm run dev
  7. 测试项目--访问
    localhost:8080

2. 结束语

可能有的地方解释的不是很正确,跟你们这些英语好几级的人当然比不了,见谅啊!!!

相关文章

  • Vue.js开发常见问题解析

    此前的Vue.js系列文章: Vue.js常用开发知识简要入门(一) Vue.js常用开发知识简要入门(二) Vu...

  • Web前端-Vue.js必备框架(二)

    Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过...

  • mpvue

    一、mpvue:是一个由美团开发的使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心 二、搭建...

  • vue.js(二)

    0. 前言 今天北京下雪了,还挺冷的,哈哈,好吧,今天就说一下如果我们要想用vue.js做一个项目的时候,那肯定会...

  • Vue.js动态组件解析

    此前的Vue.js系列文章: Vue.js开发常见问题解析 Vue.js常用开发知识简要入门(一) Vue.js常...

  • 【MAC 上学习 Vue】Day 1. 创建 Hello Wor

    下载 Vue.js Vue.js 开发版本下载地址为:https://vuejs.org/js/vue.js 安装...

  • vue.js

    Vue.js双向绑定的实现原理 Vue.js最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。本文仅探究...

  • Vue 循环、点击、双向绑定

    一、了解 Vue.js 1 Vue.js是什么? Vue.js是一套用于构建用户界面的渐进式框架。Vue.js通过...

  • Vue.js入门

    Vue笔记系列2、Vue.js渐进3、Vue.js进阶 Vue.js的概述 如官网所说,Vue.js是一款轻量级的...

  • Vue起步

    Vue.js官网 Vue.js教程 1. Vue.js起步 Vue.js有两种方式:引入CDN方式或使用命令行工具...

网友评论

    本文标题:vue.js(二)

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