zoukankan      html  css  js  c++  java
  • vue搭建开发环境

    一、 首先确保安装了node.js,安装了node.js就安装了npm
    在将要开始项目文件夹的文件夹中,对于路径study/project,如果项目文件夹是project,就在study下git bash

    二、如果网速快不用安装淘宝镜像,如果网速不支持npm,就安装cnpm
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org

    三、安装webpack
    Web pack用来将vue组件中的.vue文件打包成.js文件,从而使得用户端的各种浏览器可以解析。
    指令: $ cnpm install webpack -g

    四、安装vue
    指令: $ npm install vue

    五、安装vue脚手架 vue-cli
    Vue脚手架用来生成模板的Vue工程,相当于就是按照Vue设计的模板设计图来盖房子。
    指令:$ cnpm install vue-cli –g

    六、 使用webpack创建本地项目文件库my-project
    指令: $vue init webpack my-project
    一路yes就可以

    这个ESLint 好像是校验代码风格的,编辑器中容易出现代码规范提醒,如果不喜欢,可以no

    七,进入并配置并运行
    $ cd my-project
    $ cnpm install(推荐用npm install 但是我的npm太慢了,就用的cnpm,也可以用。)
    $npm install vue-router vue-resource –save(安装路由和网络)
    $ npm run dev

  • 相关阅读:
    javascript命名规范
    angularjs指令参数transclude
    angular中的compile和link函数
    angularjs中的directive scope配置
    sublime text3同时编辑多行
    jquery中on/delegate的原理
    defered,promise回顾
    导航栏滚动到顶部后固定
    angularjs揭秘
    $stateParams
  • 原文地址:https://www.cnblogs.com/this-xiaoming/p/9330772.html
Copyright © 2011-2022 走看看