1、安装node.js

从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。
在这里插入图片描述

2、查看npm

安装好node.js,就已自带npm(包管理工具)打开命令行工具(win+r,然后输入cmd),输入 npm -v 命令查看npm是否安装成功。
在这里插入图片描述

3、安装npm的国内镜像—cnpm

在命令行中输入npm install -g cnpm –registry=http://registry.npm.taobao.org,安装完成之后可以使用cnpm -v命令查看是否安装成功,如果输出版本号即安装成功。
在这里插入图片描述
在这里插入图片描述

4、安装webpack(一款开源的前端打包工具)

打开命令行工具输入:cnpm install webpack -g
在这里插入图片描述

5、查看webpack是否安装成功

安装完成之后输入 webpack -v,如果出现xxx not installed,则需要执行对应指令,如下图,就执行命令cnpm install webpack -Dcnpm install webpack-dev-server -D
在这里插入图片描述
如果出现相应的版本号,则说明安装成功。
在这里插入图片描述

6、安装vue-cli脚手架构建工具

打开命令行工具输入:cnpm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。
在这里插入图片描述
在这里插入图片描述

7、创建Vue项目

打开命令行工具,进入相应的文件夹路径下,执行命令vue init webpack vueDemo(自己的项目名)

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐