vue.js我的學習心得

2017.4.7開始辭職恰好一個月時間，一個月時間裏我開始彷徨，迷惘，失業帶來的痛苦，打算轉行，再也不搞機械行業，由於不想再作低端的產品設計（自己不是研究生也不是說天資卓越，只是不甘於平凡）。

 

好了，不說這些，開始總結一下，vue是一個前端的框架，先從官網https://cn.vuejs.org/仔細閱讀了一遍，把基本的語法和應用的例子，在大腦創建一個數據模型

 

首先接觸這個vue框架，先要獲取它的源碼，因此就引入了一個包管理工具node.js，在官網下載以後採用阿里雲的一個鏡像命令cnpm來代替npm

這裏我遇到了一個坑，在這裏我弄了一個晚上才理解是怎麼回事：

首先安裝完node以後，

簡單介紹gulp在使用過程當中經常使用命令，打開命令提示符執行下列命令（打開方式：window + r 輸入cmd回車）：

node -v查看安裝的nodejs版本，出現版本號，說明剛剛已正確安裝nodejs。PS：未能出現版本號，請嘗試註銷電腦重試；

npm -v查看npm的版本號，npm是在安裝nodejs時一同安裝的nodejs包管理器，那它有什麼用呢？稍後解釋；

cd定位到目錄，用法：cd + 路徑 ；

dir列出文件列表；

cls清空命令提示符窗口內容。

首先安裝完node以後，會自帶一個npm命令控制器，npm -v

表示安裝成功，接下來設置npm要下載的代碼和緩存的存放位置

代碼安裝位置設置：npm config set prefix D:\nodejs\node_global

緩存的存放位置:D:\nodejs\node_cache

再安裝cnpm，npm install cnpm -g --registry=https://registry.npm.taobao.org

 

在系統環境變量設置一個path變量名，變量：D:\nodejs\node_global

重啓npm命令控制器

cnpm -v

 

 

 

這樣顯示算是成功了，接下來安裝vue的腳手架工具vue-cli

cnpm install -g vue-cli

 

利用webstrom來開發第一個基於vue框架的webpack工具

 

 建立一個基於 webpack 模板的新項目

vue init webpack my-project

cd my-project

npm install

npm run dev

一路回車。。。以後會建立一個端口，個人是localhost:8080

 

在瀏覽器上輸入localhost:8080，就能夠獲得一個vue的首頁