vue脚手架 node.js设置攻略

官网下载稳定版,安装直接下一步

打开dos窗口

##3).检查node js版本

node -v

4).检查NPM版本号

npm -v

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): 执行卸载命令 npm uninstall -g @vue/cli 之后重新安装

2 初始化VUE项目

2.1 初始化UI工程

vue ui

2.3 创建项目

建好以后选择 手动

创建成功后效果

3.1 安装插件

选择如图所示的插件进行安装,安装后选择手动导入(英文).

3.2 安装axios依赖

1).点击依赖项

3.3.2 安装开发依赖 less-loader

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

3.3.3安装开发依赖 less

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

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

2.方式2 通过命令安装

命令: npm install vue-quill-editor --save

3.4.0 关闭ESLint校验

如果运行错误的话再从新来一遍步骤