下面为大家介绍一下怎样安装 VUE Cli3的步骤
官网地址 https://cli.vuejs.org/zh/guide/installation.html
一、首先要检查一下是否安装node环境检查版本是否在8.11版本以上
关于旧版本
Vue CLI 的包名称由 vue-cli
改成了 @vue/cli
。 如果你已经全局安装了旧版本的 vue-cli
(1.x 或 2.x),
你需要先通过 npm uninstall vue-cli -g
或 yarn global remove vue-cli
卸载它。Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。
可以使用下列任一命令安装这个新的包:
可以使用下列任一命令安装这个新的包:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
查看版本:
vue -V //vue --version
下面就创建一个myapp的项目
vue create 搭建新项目名称
(1)新建项目:
vue create <Project Name> //文件名 不支持驼峰(含大写字母)
选择自定义安装
按自己的框架需要安装选择,按空格键是选择
是否使用history router:
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
开始安装
安装完成后 进入 cd /myapp 目录执行 npm install
运行执行 npm run serve