从0搭建一个vue项目

一、环境搭建

1、安装node/npm

1.1、 安装node，红色框框为稳定版，点击下载（Node.js自带npm包管理工具，使用npm可使我们快速安装项目中所需要的组件），下载完成之后一路点击安装即可

1.2、 配置node环境变量

1.3、 打开cmd 窗口，如图安装存在npm、vue

1.4、查看npm镜像源：npm config list ，如红色框框：https://registry.npm.taobao.org/则为淘宝镜像源

如何更换成淘宝镜像源官网：npm config set registry https://registry.npm.taobao.org，如下图则切换npm淘宝镜像源成功

1.5、安装vue,在命令行输入npm install vue

安装vue-cli工具 ：

vue版本 3.0以下 ： 安装：npm install vue-cli -g 卸载：npm uninstall vue-cli -g
vue版本 3.0以上 ： 安装：npm install @vue/cli -g 卸载：npm uninstall @vue/cli -g
vue-cli更换版本前记得先卸载之前的版本

二、创建项目

1、vue create 项目名称 / vue ui


cli配置：参考路径

如图，项目搭建成功，cd 到文件路径，npm run serve