1.先下载node.js,去官网下载安装版本,安装后在当前打开的命令行执行node -v命令,出现版本信息即成功安装。
2.确定node.js安装好好后就可以安装npm了,推荐使用国内淘宝的cnpm镜像来安装
命令是npm install -g cnpm –registry=https://registry.npm.taobao.org
安装好后可以用npm -v命令确认,出现版本信息即为安装成功。
3.确认完node.js和inpm安装好后可以开始安装vue的脚手架工具,命令npm install -g vue-cli,
安装完后用命令vue 确认安装是否成功,出现描述信息即为成功。
4.以上工具都安装完后需要生成vue的项目,用命令vue init webpack+项目名称
来生成和初始化项目,推荐初始化项目名称到加入路由那处选择默认,之后全选no,之后npm初始化那里选推荐默认选项npm就好,如图:
等待项目初始化完成,之后在项目文件夹用命令npm run dev 开启项目,编译启动完成后会出现访问路径,拷贝访问路径到浏览器地址栏,之后如图所示
5.vue项目生成后只需要安装element-ui即可以,在项目文件夹命令行用命令npm i element-ui -S,等待完成安装即可。