Vue前端开发环境搭建

1、安装脚手架

Vue CLI官方文档

1.1、下载node.js

下载地址

1.2、安装node.js

方式一 ：安装包 ==> 指定路径下一步即可
方式二 ：压缩包 ==> 但是需要手动配置node.js环境变量

1.3、安装完成之后检查下版本信息

1.4、配置淘宝 NPM 镜像

方式一：安装 cnpm

阿里云 npm 镜像站

方式二：手动配置镜像地址

npm config set registry https://registry.npm.taobao.org

1.5、设置 npm 的默认安装路径

npm config set cache "D:\nodereps\npm-cache"
npm config set prefix "D:\nodereps\npm-global"

1.6、配置环境变量

1.7、查看node.js环境配置

npm config ls
# C:\Users\fan 目录下有个".npmrc"文件，可查看手动配置的信息

2、卸载脚手架

npm uninstall -g vue-cli		# 卸载(1.x 或 2.x)版本脚手架
npm uninstall -g @vue/cli

3、安装相应版本的依赖包

npm install -g vue-cli		# 安装2.x版本脚手架
npm install -g @vue/cli

4、查看 vue 版本

vue --version

5、创建 vue 脚手架项目

5.1、方式一：命令行

vue init webpack 项目名

5.2、方式二：可视化管理工具

vue ui  #cli3.0 新增功能