vue環境的搭建

vue的學習與安裝

安裝node

• node官網下載linux包 *.tar.xz

• 解壓tar.xz壓縮文件tar -zxvf *.tar.xz

• 爲node和npm建立兩個軟連接，使之可以全局運行

ln -s /path_to/bin/node /usr/local/bin/node

ln -s /path_to/bin/npm /usr/local/bin/npm

• 驗證node和npm是否安裝成功

node -v

npm -v

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

• 爲cnpm添加軟鏈接
  sudo ln -s /path_to_cnpm /usr/local/bin

安裝webpack

npm install webpack -g

安裝vue

• 安裝vue npm install vue

• 軟鏈接vue sudo ln -s ~/node/node-v6.9.4-linux-x64/bin/vue /usr/local/bin

安裝vue-cli

npm install --global vue-cli

建一個vue項目

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

vue init webpack my-project

cd my-project

npm install

npm run dev

---

vue環境搭建與初建項目

藉助vue來構建單頁面應用