下面為大家介紹一下怎樣安裝 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