隨着vue.js越來越火爆,更多的項目都用到vue進行開發,在實際的開發項目中如何搭建開發腳手架呢
安裝node.js
進入官網下載node.js
node版本必須在10.0.0以上才支持
安裝 cnpm
- npm(node package manager)是nodejs的包管理器,用於node插件管理(包括安裝、卸載、管理依賴等)
- 使用npm安裝插件:命令提示符執行
npm install <name>
- 選裝 cnpm 因爲npm安裝插件是從國外服務器下載,受網絡影響大,可能出現異常,如果npm的服務器在中國就好了,所以我們樂於分享的淘寶團隊幹了這事!來自官網:“這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前爲 10分鐘 一次以保證儘量與官方服務同步。”
# 安裝
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 查看當前cnpm版本
cnpm -v
PS:
yarn是個包管理器,是facebook發佈的一款取代npm的包管理工具
# npm安裝yarn
npm install -g yarn
安裝vue-cli腳手架構建工具
vue-cli 提供一個官方命令行工具,可用於快速搭建大型單頁應用。
- 先確認是否有安裝過vue-cli
vue -V # 如有的話,就用下面命令卸載
npm uninstall vue-cli -g
2. 安裝
cnpm install -g @vue/cli
指定版本:
如是3.0以下
npm install -g vue-cli@版本號
如是3.0以上
npm install -g @vue/cli@版本號
創建項目
vue create 項目名稱
啓動項目