vue项目初始化步骤

1、官网文档

vue:https://cn.vuejs.org/

vue-router:https://router.vuejs.org/zh/

vuex：https://vuex.vuejs.org/zh/

2、如何创建一个Vue后台的项目

2.1、使用vue-cli快速构建一个后台

参考官网：https://cli.vuejs.org/zh/guide/

前提

必须要安装Nodejs,参照Nodejs配置

安装

npm install -g @vue/cli
# OR
yarn global add @vue/cli

检查其版本是否正确：

vue --version

Vue版本升级问题
Vue升级到3版本之后 将 npm install -g vue-cli 命令改为了npm install -g @vue/cli

1.卸载之前安装过的版本

npm uninstall -g vue-cli
npm uninstall -g @vue/cli

2.全局安装

npm install -g @vue/cli

如下图：

查看vue版本信息

vue--version

OK,安装成功！

启动项目

vue ui

访问localhost:8080，设置项目创建路径

在此创建一个vue项目

手动配置

根据需要选择工具

根据需要选择vue版本

可以保存预设，也可以不保存

创建完成后，不要关闭浏览器，等待项目创建完毕。

本地文件会得到一个vue的项目结构

2.2 、安装核心依赖

开发工具

Vscode、WebStrom、Hbuilder、Idea
安装相关依赖
vue-router、vuex、vue

也可以使用命令安装

npm install vue-router vuex --save-dev #安装vue-router vuex