Node.js下载&VUE有后台管理插件安装

Node.js下载安装

Node.js官网链接https://nodejs.org/zh-cn/

1.官网下载

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

2.安装Node.js(一直下一步即可)

3.检查 Node.js版本 

4.检查NPM版本号

5.切换淘宝的NPM库

方式1:npm install -g cnpm --registry=https://registry.npm.taobao.org
方式2:npm config set registry https://registry.npm.taobao.org (建议使用第二种)

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

7.安装VUE客户端

CMD窗口输入命令:npm install -g @vue/cli --force          (等待安装完成即可)

初始化VUE项目

1.初始化UI工程

2.选择VUE创建项目

3.选择项目

4.选择:手动

5.选择功能

 6.选择ESLint+ StandardConfig

7.项目创建后的效果

VUE插件安装

1.添加插件: vue-cli-plugin-element

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

2.安装依赖

3.安装运行依赖: axios

3.安装开发依赖: less-loader

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

4.安装开发依赖: less

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

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

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

6.安装后的效果

7.关闭ESLint校验

8.安装运行依赖: echars

9.安装路由懒加载依赖:  babel/plugin-syntax-dynamic-import

问题汇总

1.安装如报如下错误

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

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