首先卸载原版vue-cli
npm uninstall -g @vue/cli 或 yarn global remove @vue/cli
安装新版vue-cli
cnpm i -g @vue/cli@3.3.0
vue -V 查看vue版本
新建项目
vue create //文件名 不支持驼峰(含大写字母)
vue ui启动可视化工具
自定义安装
history 模式
Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由(通过调用浏览器提供的接口)
hash: 浏览器url址栏 中的 # 符号(如这个 URL:http://www.abc.com/#/hello,hash 的值为“ #/hello”),hash 不被包括在 HTTP 请求中(对后端完全没有影响),因此改变 hash 不会重新加载页面
history:利用了 HTML5 History Interface 中新增的 pushState( ) 和 replaceState( ) 方法(需要特定浏览器支持)。单页客户端应用,history mode 需要后台配置支持
sass
项目创建完成后进入项目目录,npm install或者yarn安装依赖
使用npm run serve启动项目
使用vue ui启动可视化管理工具