Vue.js学习笔记（一） : 开发环境搭建

    1. 前言

       
Vue.js是目前流行的前端框架，官网地址：https://cn.vuejs.org/。它可以类似jQuery引入包直接撸，也可以用node来构建工程项目。它在官网上的介绍是：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue
的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。最大的特点是：数据驱动视图！

    2. Vue.js开发环境搭建


    2.1 直接引入使用
<!-- 开发环境版本，包含了用帮助的命令行警告 --> <script
src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    2.2 搭建本地开发环境

    2.2.1 下载node.js,官网http://nodejs.cn/下载安装包并安装。


    


  2.2.2 cmd下查看安装是否成功


    


  2.2.3 安装webpack和vue-cli脚手架



       npm install webpack -g

npm install vue-cli -g

        如果使用npm安装慢，可以安装镜像cnpm再继续：
npm install -g cnpm --registry=https://registry.npm.taobao.org
     2.2.4 创建Vue测试项目


    

然后在cmd里 cd test-vue 、 npm run dev

    


    


2.2.5 打开浏览器在地址栏输入http://localhost:8080，看见下图首页环境搭建成功。

• « 上一篇：如何设计一个良好的接口
• » 下一篇：这是迄今为止我见过的最牛逼的程序员，堪称代码之王！