Vue項目安裝


剛剛開始學習Vue.js。今天分享一下我的Vue項目安裝過程。

我是windows系統,使用安裝工具是NPM

一、Vue安裝

1、檢查是否已經安裝了node和npm

  在命令窗口(windoes + R 鍵打開輸入cmd確認)輸入node -v 和npm -v,如果顯示出版本號,說明安裝成功

2、安裝vue-cli

  在全局安裝vue-cli 

npm install -g vue-cli

(這種方法安裝較慢,可以使用國內淘寶鏡像安裝:npm install -g cnpm --registry=https://registry.npm.taobao.org/

  如果安裝失敗,可以使用 npm cache clean清理緩存,然后再重新安裝。

輸入cnpm -v 查看是否安裝成功,輸入cnpm install -g vue-cli 安裝vue-cli和webpack )

完成后輸入vue -V(V大寫)查看是否安裝成功

若提示無法識別vue,可輸入npm install -g npm 更新npm 版本

3、生成項目

  (我使用的是webpack模板,更多模板可以到vue.js的github上查看,地址:https://github.com/vuejs-templates)

  在你的項目文件夾內打開命令窗口(或在命令行中進入項目目錄),輸入vue init webpack Vue-project ( MyVue-project是自定義的項目名稱)

命令執行后,會在當前目錄內生成一個以自定義項目名稱命名的項目文件夾

 如圖進行配置,配置完成后,輸入cd Vue-Project 進入項目目錄,

 輸入cnpm install 安裝依賴包

 輸入npm run dev 啟動項目

//若瀏覽器無法加載頁面,可以修改一下配置文件config里的 index.js 文件

如圖:

 

將build路徑前綴修改為‘./’,是因為打包之后,外部引入js和css文件是,以'/'開頭的路徑,在本地無法找到對應文件。

項目未寫完,所以打包上線部分稍后再記錄。


免責聲明!

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



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