首页 > Windows开发 > 详细

vue开发环境搭建win10

时间:2017-11-21 23:03:05      阅读:277      评论:0      收藏:0      [点我收藏+]

需要安装nodejs, webpack@2.2.1, babel-cli,  vue-cli

1 安装nodejs

技术分享图片

现在版本默认会安装nodejs 和 npm包 和 配置环境

2 检查是否安装成功,在命令行中输入

技术分享图片

显示成功则正确

 

3 安装webpack@2.2.1 为什么要限制版本,是因为自己在安装最新版本时(3.8.1)出现各种问题,一直安装不上。

npm install -g webpack@2.2.1

 

4 安装babel-cli, 编译工具将ES6代码转换成ES5代码

npm install -g babel-cli

 

5 安装vue-cli

npm install -g vue-cli

 

6 安装预设babel-preset-es2015

npm install babel-preset-es2015 --save-dev

6.1 配置文件.babelrc

在项目的根目录创建一个文件名为 .babelrc 的配置文件,该文件用来设置转码规则和插件,基本格式如下:

{
    "presets": ["es2015"],
    "plugins": []
}

 

6.2 babel 基本用法

# 转码结果输出到标准输出
 $ babel example.js

 # 转码结果写入一个文件 (--out-file 或 -o 参数指定输出文件)
 $ babel example.js --out-file compiled.js
 或者
 $ babel example.js -o compiled.js

 # 整个目录转码 (--out-dir 或 -d 参数指定输出目录)
 $ babel src --out-dir lib
 或者
 $ babel src -d lib

 

vue开发环境搭建win10

原文:http://www.cnblogs.com/zhaopengcheng/p/7875453.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!