【无标题】

1.下载node.js

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:
2).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 之后重新安装

2 初始化VUE项目

2.1 初始化UI工程

2.2 选择VUE 创建项目

2.3 选择项目

选择:手动

2.4选择功能

选择ESLint+ StandardConfig

项目创建之后效果

3 初始化项目

3.1 安装插件

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

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

3.2 安装axios依赖

1).点击依赖项

2).安装运行依赖

3.3 添加依赖项

3.3.1 问题描述

3.3.2 安装开发依赖 less-loader

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

3.3.3安装开发依赖 less

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

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

安装之后的效果:

3.4.0 关闭ESLint校验

3.4.1 添加依赖方式

在main.js中添加该操作

import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

Vue.use(VueQuillEditor, /* { default global options } */)