1. 程式人生 > >VUE2X實戰開發隨筆

VUE2X實戰開發隨筆

nod router 很慢 auth 實戰 ssl 實戰開發 vue.js 權限

這段時間以來學習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實戰開發隨筆