- 安裝brew,不知道是不是mac專屬。輸入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- 安裝VS Code
- 安裝nodejs,nodejs官網下載,防止用到記一下。
Node.js was installed at
/usr/local/bin/node
npm was installed at
/usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.
- 安裝淘寶鏡像,在VS Code中控制臺輸入
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安裝webpack,輸入
cnpm install webpack -g
- 安裝vue腳手架,輸入
npm install vue-cli -g
- 打開一個裝demo的文件夾,輸入
cd /Users/apple/Desktop/demo
- webpack創建 redtide_b 項目,輸入
vue init webpack-simple
redtide_b
- 這個是簡易版,完整版輸入
vue init webpack
redtide_b
三個確認命令后項目基本搭建完成。
打開文件后,文件結構
程序結構
- 安裝項目依賴
npm install
cnpm install
- 安裝路由和網絡請求模塊
cnpm install vue-router vue-resource --save
- 運行
cnpm run dev
成功搭建
運行界面
- 使用webpack完整模板報錯
Error: Cannot find module 'chalk'
運行npm install
安裝需要的各種東西。
參考:作者jinkeyblog https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu”