vue.js安裝以及安裝過程中遇到的問題

vue.js安裝以及安裝過程中遇到的問題

1. vue.js的安裝

vue.js的使用有兩種方式:
1、類似於jquery庫的使用,使用<script type=”text/script” src=”vue.js”></script>的方式直接引入頁面,下載地址:開發版(包括了警告和除錯模式下載) ,生產版本(刪除了警告,進行壓縮生成的vue.min.js  下載);或者使用
npm install vue來下載vue,檔案在dist檔案加下,vue.js是開發板  vue.min.js是生產版本
2、通過vue-cli工具來搭建vue.js的專案
要使用vue-cli需要先安裝這個工具,直接進行全域性安裝即可
安裝成功後,就可以在nodejs的全域性檔案中看到,由於我以前還安裝了webpack,所以下面還有webpack的命令工具
檢視是否安裝成功
這樣表示安裝成功,注意這裡的-V是大寫
現在開始建立專案,通過cd進入到你要存放專案的資料夾,比如我要把所有的vue.js專案都放在F:\vueproject這個資料夾裡,並且當前的這個vue.js專案的存放資料夾
是firstVuePro
step1:進入我要放專案的路徑中
step2:使用 “webpack” 模板建立一個新專案(將webpack初始化到專案中)
step3:進入到專案目錄下,安裝依賴 npm install  並開啟npm run dev
然後就可以在瀏覽器中錄入給你顯示的路徑 http://localhost:8080訪問這個專案了。

  2.遇到的問題

1、安裝完成vue-cli後,使用vue命令,報錯說“vue不是內部或外部命令,也不是可執行的程式或批處理檔案。”,根據官網和百度的一些人寫的,沒有問題。實在找不
到問題所在,直接將環境變數的Path後面加上vue-cli命令工具所在的路徑,即nodejs的node_global的路徑。問題解決。
2、在使用 npm install 載入依賴的時候,報錯
在使用npm run dev成功後再使用npm install載入依賴成功了。
使用 “webpack” 模板建立一個新專案