VUE脚手架安装教程

Node.js

安装一路下一步安装即可

检查版本

node -v
npm -v

切换淘宝NPM库

npm config set registry https://registry.npm.taobao.org

检查镜像配置是否生效 npm config list

npm config list

安装vue和客户端

npm install -g @vue/cli --force

• -g:全局安装

• --force:强制安装

  
  

卸载命令

npm uninstall -g @vue/cli 

初始化UI工程

vue ui

允许访问

创建项目

下一步

选择手动

选择依赖项

创建项目

定义预设名

等待脚手架拉取内容

安装完成会提示

项目创建完成

启动APP

脚手架安装成功

安装插件

安装vue-cli-plugin-element插件

勾选安装

安装成功之后会提示配置插件 选择手动导入

出现这一步说明安装ok

点继续

安装依赖

安装axios依赖

安装成功

安装开发依赖 less-loader

安装开发依赖 less-loader
npm install less-loader@5.0.0 版本太高不适用
在VUE项目的根目录启动执行安装命令

安装5.0.0版本

npm install less-loader@5.0.0

安装成功

查看

安装开发依赖 less

安装运行时依赖 富文本编辑器

命令方式安装：

npm install vue-quill-editor --save

查看

安装运行依赖 echarts插件

查看

关闭ESLint校验