安裝VUE Cli3 框架方法


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

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM