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 启动 实现 本地运行。
成功后本地打开,显示如下就好。