脚手架工具安装
网址:https://cli.vuejs.org
cli工具2.0版:
安装路由:npm install vue-router --save
安装vuex:npm install vuex --save
安装axios:npm install axios
升级cli工具(3.0版):
步骤1:移除老版本
npm uninstall -g vue-cli
步骤2:安装新版本(全局安装)
npm i -g @vue/cli
默认下载目录C:\Users\用户名\AppData\Roaming\npm
步骤3:运行Vue-CLI工具,创建一个空白脚手架项目
vue create xz_admin_v2
此命令在当前目录下创建一个空白项目,自带项目基础文件,也会自动下载所有依赖的NPM包——非常耗时
提示:空白项目模板默认不带axios,需要运行 npm i axios安装
步骤4:进入空白项目,添加需要的组件,运行该项目——自带服务器
npm run serve
步骤5:使用客户端浏览器访问上述项目
http://127.0.0.1:8080