vue脚手架的安装与使用

vue是什么?

一 安装node.js

官网 https://nodejs.org/zh-cn/

下载图中的安装包

双击安装包安装

安装完成后使用 node -v 查看是否安装以及安装版本

node -v 查看node版本 npm -v 检查NPM版本

切换淘宝NPM库(国内镜像地址,下载速度快)

1). npm install -g cnpm --registry=https://registry.npm.taobao.org 方式2: 2). npm config set registry https://registry.npm.taobao.org (建议使用第二种)

检查镜像配置是否生效 npm config list

npm config list 命令

二 安装vue

安装VUE和客户端

npm install -g @vue/cli --force

等待安装完成之后即可. ps: 如果报错,删除用户目录下的文件,之后重新安装. (删除文件 不要删除目录) 或者 执行卸载命令 npm uninstall -g @vue/cli 之后重新安装

初始化vue工程

vue ui

选择VUE 创建项目

选择项目

选择:手动

选择功能

选择ESLint+ StandardConfig

项目创建之后效果

初始化项目

安装插件

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

安装axios,less-loader,less,vue-quill-editor,echars依赖

关闭ESLint校验

经验分享 程序员 微信小程序 职场和发展