美文网首页
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环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

  • Vue

    搭建Vue开发环境1.必须要安装node.js2.搭建vue的开发环境,安装vue的脚手架工具 官方命令行工具n...

  • Vue之ToDoList实战

    之前的文章windows下搭建vue开发环境,我们已经搭建好了vue的环境,并且写了Vue系列之WebPack与E...

  • Vue系列之WebPack与Eslint

    上一篇文章,我们在window上搭建了vue的开发环境,windows下搭建vue开发环境,并且创建了项目,我们看...

  • Vue.js 安装、搭建及创建

    windows环境搭建Vue开发环境 运行下载的Vue demo https://www.cnblogs.com/...

  • 2020-09-22

    搭建vue开发环境的步骤 在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于no...

  • Vue开发环境搭建与创建项目

    Vue开发环境的搭建,直接看大神写的教程吧:Vue环境搭建[https://blog.csdn.net/wu__d...

  • vscode的vue开发环境搭建

    转载自Vscode的vue开发环境搭建

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

网友评论

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

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