006-windows本地node.js和Vue脚手架安装步骤

1 下载node.js

Node.js中文官网：https://nodejs.org/zh-cn/download/

2 安装node.js

一路下一步安装即可.

3 检测node.js版本

node -v

4 检查NPM版本号

npm -v

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

npm config list

7 安装VUE和客户端

npm install -g @vue/cli --force
等待安装完成之后即可.

8 安装VUE和客户端报错说明

8.1 报错1

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

8.2 方式2

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

9 初始化VUE项目

9.1 初始化UI工程

vue ui

9.2 选择VUE 创建项目

9.3 选择项目

选择:手动

9.3 选择功能

选择ESLint+ StandardConfig

项目创建之后效果

10 初始化项目

10.1 安装插件

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

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

10.2 安装axios依赖

点击依赖项

安装运行依赖

10.3 添加依赖项

10.3.1 问题描述

10.3.2 安装开发依赖 less-loader

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

10.3.3 安装开发依赖 less

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

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

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

安装之后的效果:

关闭ESLint校验
安装完成