vue脚手架 node.js设置攻略

本文主要是介绍vue脚手架 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:
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校验

在这里插入图片描述
如果运行错误的话再从新来一遍步骤

这篇关于vue脚手架 node.js设置攻略的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript