VUE脚手架安装步骤

1. 官网下载

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

window10 下载14版本

(2)安装node  一路点下一步即可

(3)检查node版本

(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.报错说明

报错如下:

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

方法二: 执行卸载命令 npm uninstall -g @vue/cli 之后重新执行安装(执行安装命令) 

3.初始化VUE项目

3.1初始化UI工程

3.2创建项目

手动

3.3功能选择

3.4配置

3.5安装完成

4.初始化项目

4.1 安装插件

4.1.1添加如图所示插件 

4.1.2添加配置插件

4.2安装依赖

4.2.1安装axios依赖

4.2.2安装开发依赖 less-loader

在项目目录下  cmd进入本目录下 执行以下命令(在VUE项目的根目录启动执行安装命令)

npm install less-loader@5.0.0

4.2.3安装开发依赖 less

 

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

4.2.5安装运行依赖 echars插件

 

 4.2.6关闭校验

保存之后 重新启动Vue即可

 


版权声明:本文为qq_41918358原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。