【Vue CLI】

node.js安装

https://nodejs.org/download/release/v15.14.0/【Vue CLI】_第1张图片
管理员运行cmd node -v
【Vue CLI】_第2张图片
安装npm npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装成功 npm -v
在这里插入图片描述
注册淘宝镜像加速器 npm config set registry https://registry.npm.taobao.org/
查看镜像使用状态 npm config get registry
在这里插入图片描述
全局安装Vue-cli npm install vue-cli -g
【Vue CLI】_第3张图片
查看是否安装成功 vue list
【Vue CLI】_第4张图片

Vue-cli搭建

进入要安装的目录
在这里插入图片描述
vue init webpack MY-VUE
【Vue CLI】_第5张图片
【Vue CLI】_第6张图片
进入项目
【Vue CLI】_第7张图片
安装路由npm install [email protected] -S
安装element-uinpm i element-ui -s
安装依赖npm install
安装axios npm install --save axios vue-axios
安装SAsSnpm install -g cnpm --registry=https://registry.npm.taobao.org
安装echartsnpm install [email protected]
npm run dev
【Vue CLI】_第8张图片

修改端口

【Vue CLI】_第9张图片
【Vue CLI】_第10张图片
【Vue CLI】_第11张图片

安装 WebPack

npm install webpack webpack-cli -g
在这里插入图片描述

vue-router

npm install vue-router --save-dev

你可能感兴趣的:(vue.js,前端,javascript)