搭建vue脚手架系列一---------环境和工具篇
第一次写技术博客,希望帮助需要的小伙伴,不喜勿喷。
第一步:首先去安装node.js,从node.js官网下载并安装node,官网为https://nodejs.org/en/download/,我的笔记本是win7-64位的,所以我的选择如下。大家只需要傻瓜式一键安装即可。
安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。
这里需要说明下,因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免对后续产生影响。
2.安装淘宝镜像:
打开命令行工具(win+r,然后输入cmd),输入以下命令:
npm install -g cnpm -registry=https://registry.npm.taobao.org,
安装完成之后输入 cnpm -v,如下图,如果出现相应的版本号,则说明安装成功。
3.安装webpack,
无论win7还是win10,我在这一步总是出错,所以,还是有一些感悟,大家可以交流哈
npm install webpack -g
npm install webpack --save-dev
按照我上面的两条指令安装,中途会出现安装webpack-cli,点击yes即可,我在这一步死了很久,大家在这一步有问题可以联系我,win10需要在path环境里配置,具体的先不贴出来,有问题的小伙伴可以找我
4. 安装vue-cli脚手架构建工具
好了:通过以上4步,基本的环境和工具已经搭建好了。
下一篇,将介绍用vue-cli构建项目