美文网首页
VUE 开发环境搭建

VUE 开发环境搭建

作者: CPU太热 | 来源:发表于2017-07-26 14:34 被阅读0次

    1 Webstorm

    1.1 安装

    http://www.jetbrains.com/webstorm/ 官网下载最新版本
    安装完毕后启动,在引导过程中输入 http://idea.iteblog.com/key.php 通过验证

    1.2 格式设置

    保证所有人使用格式化时能够保证统一
    File -> Default Setting
    Editor -> Code Style -> JavaScript


    image.png
    image.png

    2 前端公共环境

    2.1 nodejs 安装

    官网 下载 https://nodejs.org/en/ 版本要求大于 v6.3.1

    2.2 npm 镜像切换

    npm i -g nrm
    nrm ls
    nrm use taobao
    

    3 前端工程环境

    3.1 下载组件库

    在组件没有发布前需要通过此步骤手动build,如果已经发布,那么跳过此步骤
    https://github.com/KagouFE/iview.git

    npm i
    npm run dist    // build
    npm link          // 本机全局共享
    

    3.2 从git下载源码

    从coding下载,后用Webstorm打开。在Webstorm的Terminal下执行命令

    3.3 安装依赖库

    npm i     // 有错的情况下多次执行至没有错误
    npm i kagou    // 针对组件已经发布的情况
    npm link kagou   // 针对组件需要手动build的情况
    

    3.4 启动服务

    npm start
    

    相关文章

      网友评论

          本文标题:VUE 开发环境搭建

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