剛剛開始學習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文件是,以'/'開頭的路徑,在本地無法找到對應文件。
項目未寫完,所以打包上線部分稍后再記錄。
