一、安装vue
https://cn.vuejs.org/v2/guide/installation.html
二、先确定是否安装了node.js、npm和cnpm
- node.js的下载地址:Node.js
- NPM(node package manager)是随同node.js一起安装的包管理工具,能解决前端代码部署上的很多问题,常见的使用场景有以下几种:
①允许用户从NPM服务器下载别人编写的第三方包到本地使用。
②允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
③允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
实际上,npm就是前端的Maven。
- 由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。
1.首先从node官网下载并安装node,安装步骤很简单,只要一直点击下一步就可以了。 安装完成后,打开命令行工具(win+R)输入命令node -v,如下图,如果出现对应版本号,就说明安装成功了。
检测方式:
2.因为npm会随着node.js一起安装,所以,只要是node.js正常安装,就代表npm已经安装。
检测方式:
3.到这里node的环境已经安装完了,npm包管理工具也有了,但是由于npm的有些资源被墙,为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。
安装cnpm
点击进入淘宝的cnpm网站,里面有详细的配置方法。 或者直接在命令行输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后等待,安装完成。 输入cnpm -v,可以查看当前cnpm版本
使用方法:需要用到npm的地方直接使用cnpm替换就可以了。
三、安装vue脚手架:Vue-Cli
vue-cli 是一个官方发布 vue.js 项目脚手架ÿ