vue學(xué)習(xí)(1)-環(huán)境搭建

  1. 安裝brew,不知道是不是mac專屬。輸入

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  1. 安裝VS Code
  2. 安裝nodejs,nodejs官網(wǎng)下載,防止用到記一下。

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.

  1. 安裝淘寶鏡像,在VS Code中控制臺(tái)輸入

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

  1. 安裝webpack,輸入

cnpm install webpack -g

  1. 安裝vue腳手架,輸入

npm install vue-cli -g

  1. 打開一個(gè)裝demo的文件夾,輸入

cd /Users/apple/Desktop/demo

  1. webpack創(chuàng)建 redtide_b 項(xiàng)目,輸入

vue init webpack-simple redtide_b

  • 這個(gè)是簡(jiǎn)易版,完整版輸入

vue init webpack redtide_b

三個(gè)確認(rèn)命令后項(xiàng)目基本搭建完成。

打開文件后,文件結(jié)構(gòu)


程序結(jié)構(gòu)
  1. 安裝項(xiàng)目依賴

npm install
cnpm install

  1. 安裝路由和網(wǎng)絡(luò)請(qǐng)求模塊

cnpm install vue-router vue-resource --save

  1. 運(yùn)行

cnpm run dev

成功搭建

運(yùn)行界面
  • 使用webpack完整模板報(bào)錯(cuò)
    Error: Cannot find module 'chalk'
    運(yùn)行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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容