VUE2X實戰開發隨筆
這段時間以來學習vue的一點小小的的總結和體會,--給未來的自己。
vue 環境的安裝:
Mac 環境(打開終端鍵入一下命令)
首先安裝HomeBrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安裝nodejs
brew install nodejs
這時你可能需要獲取權限
sudo chmod -R 777 /usr/local/lib/node_modules/
然後裝一下淘寶鏡像(一些依賴npm可能會很慢,用淘寶鏡像會提升一點速度)
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝webpack
cnpm install webpack -g
安裝vue腳手架(能快速的幫你搭建vue模版)
npm install vue-cli -g
在硬盤上建一個文件夾或找一個文件夾,在終端進入該文件夾
cd 文件夾路徑
然後輸入
vue init webpack-simple 工程名字<工程名字不能用中文>
或者創建 vue1.0 的項目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>
接下來根據提示操作:
會有一些初始化的設置,如下輸入:Target directory exists. Continue? (Y/n)
直接回車默認(然後會下載 vue2.0模板,這裏可能需要連代理)Project name (vue-test)
Project description (A Vue.js project)
直接回車默認Author
寫你自己的名字
然後進入工程的文件夾
cd 放入該工程的文件夾路徑
安裝依賴 (不要用cnpm 淘寶鏡像,可能會缺失一部分依賴)
npm install
安裝 vue 路由模塊vue-router
和網絡請求模塊vue-resource
cnpm install vue-router vue-resource --save
然後啟動項目(項目啟動不成功,可能是webpack版本低。也可能是缺少一部分依賴)
npm run dev
VUE2X實戰開發隨筆