Vue学习六-----Vue项目预热：环境搭建

刚接触前端H5,Vue ,电脑联想E430（配发的工作机)，卡的一匹，慢的要命，网速还贼慢，移动热点也超慢，吐槽一下。配置过程中因为网速出了好多问题，重新安装了好几次。雄关漫道真如铁，而今迈步从头越。

开发Vue.js框架的前端项目，需要准备开发的环境配置。

1.安装node.js

  版本要求:后面还要安装vue/cli，要求node.js的版本要高于node.8.9.0,最好用node.8.11.0.+。

  node.js地址：https://nodejs.org/en/

 node.js官网会自动匹配合适的node.js版本，选择左侧的稳定版本下载。

 

安装步骤一路默认就可以，点击next，完成安装。

验证安装是否正确：

打开cmd:或者 git-cmd  ：输入 node -v     显示版本：8.11.4  ；输入npm -v 显示版本： 5.6.0

2.下载安装git 

3.下载Vue/Cli3.X,

官网上现在是vue/cli3.0.1：  https://cli.vuejs.org/zh/guide/installation.html

     命令：npm install -g @vue/cli

    出现错误：Unexpected end of JSON input while parsing near；

    解决方案看博客：http://www.cnblogs.com/frost-yen/p/9506265.html

   配置新建项目：在这里引用Vue/cli2.X的一个桥接工具

    npm install -g @vue/cli-init

   创建项目：vue init webpack projectname; 选择默认或者自选设置。

  在这里我已经新建了一个桌面项目Travel ,cmd进入这个项目：cd  desktop ; cd  Travel  ; 

     vue init webpack Travel如下图提示选择对应设置：

 

   成功后: cd Travel 进入该文件，npm  run  dev  启动 实现  本地运行。

 

     

成功后本地打开，显示如下就好。