1、官网文档
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