VUE后端管理插件安装--node.js

一 下载node.js

1 安装步骤:

1).官网下载

 如果是window7系统: 下载安装13的版本 URL: https://nodejs.org/dist/latest-v13.x/

2).安装node.js

之后一路下一步安装即可.

3).检查node js版本:  node -v

 4).检查NPM版本号:  npm -v

5).切换淘宝NPM库:

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

 6).检查镜像配置是否生效: npm config list

7).安装VUE和客户端
命令: npm install -g @vue/cli --force

等待安装完成之后即可.

2 报错说明

1).如果报错如下

方案1) .删除用户目录下的文件,之后重新安装. (删除文件 不要删除目录)

 方案2): 执行卸载命令 npm uninstall -g @vue/cli 之后重新安装

二 初始化VUE项目

1  初始化UI工程: vue ui

2 选择VUE 创建项目

创建-->选择项目路径-->enter键确定

 3 选择项目

初始化git

选择:手动

 4 选择功能

 选择ESLint+ StandardConfig

项目创建之后效果

三 初始化项目

0  切换src文件

1 安装插件

选择如图所示的插件进行安装

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

2 安装axios依赖

1).点击依赖项

 2).安装运行依赖

3 添加依赖项

3.1安装开发依赖 less-loader

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

 

 3.2 安装开发依赖 less

 3.3 安装运行时依赖 富文本编辑器 vue-quill-editor

1)方式1,通过客户端的方式安装
有时候可能比较慢,所以需要提前安装
源码网址: https://github.com/surmon-china/vue-quill-editor#readme
组件名称: vue-quill-editor

 2)方式2 通过命令安装
命令: npm install vue-quill-editor --save

 

安装之后的效果:

3.4 关闭ESLint校验

3.5 安装运行依赖 echars插件

3.7 运行