美文网首页
#Vuejs 开发环境搭建以及热更新

#Vuejs 开发环境搭建以及热更新

作者: 小小羽y | 来源:发表于2017-03-02 22:00 被阅读0次

vuejs是一种介于react和angular中间的轻量级的mvvm框架,主要是数据绑定和组件化,先来介绍下如何用Vuejs搭建一个简单的项目。

需要有nodejs基础才能展开后面的内容

  • 第一步

安装cnpm

由于npm上的许多的依赖包都是国外的,所以在国内直接安装这些依赖包的时候会比较慢,所以最常见的一个做法就是使用淘宝镜像的cnpm!

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

安装好以后可以通过cnpm -v 查看版本信息,如显示则代表安装成功。

  • 第二步

vue-cli 脚手架安装

vue-cli是一种搭建vuejs项目的快速工具,安装的语句如下:
cnpm install -g vue-cli

  • 第三步

创建一个基于webpack 模板的新项目

vue init webpack my-first-vue-project

当使用vue init的时候表示在当前目录下新建工程,所以如果需要在某个特定位置下新建工程的 需要cd到当前目录下

  • 第四步

cnpm install

自动下载所有依赖的包到刚才工程目录下的nodee_modules文件夹下

  • 第五步

npm run dev

自动启动node服务器,把该vue搭建的项目运行起来

相关文章

  • #Vuejs 开发环境搭建以及热更新

    vuejs是一种介于react和angular中间的轻量级的mvvm框架,主要是数据绑定和组件化,先来介绍下如何用...

  • Vuejs开发环境搭建

    其他文章Vuejs的生命周期函数vue-router配置vue模板语法vue计算属性和侦听器vue Class与S...

  • vuejs开发环境搭建

    1.使用cnpm (gzip 压缩支持) 命令行工具代替默认的 npm 2.查看cnpm版本 3.通过cnpm安装...

  • vuejs开发环境搭建

    vue开发环境搭建(官方推荐命令) 必须有node环境 1.创建&启动项目(webpack创建) 2.创建&启动项...

  • Vuejs之开发环境搭建

    Vue.js Vue.js是目前很火的一个前端框架,采用MVVM模式设计,它是以数据驱动和组件化的思想构建的。相比...

  • Vue两种搭建方式

    搭建vue的开发环境:https://cn.vuejs.org/v2/guide/installation.htm...

  • React Native入门指南

    本文为React Native开发的入门介绍,包括搭建环境,开发调试,编译打包,版本发布,热更新等方面的基...

  • weex开发环境搭建

    出于对开发效率和热更新的要求,团队决定使用weex进行开发,本人将从环境搭建、开发、debug、构建、发布来分析下...

  • weex开发

    出于对开发效率和热更新的要求,团队决定使用weex进行开发,本人将从环境搭建、开发、debug、构建、发布来分析下...

  • webpack从0开始搭建react的ts开发环境(9)

    本章介绍如何加入热更新webpack从0开始搭建react的ts开发环境(8)demo https://githu...

网友评论

      本文标题:#Vuejs 开发环境搭建以及热更新

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