Vue-cli4腳手架搭建

隨着vue.js越來越火爆,更多的項目都用到vue進行開發,在實際的開發項目中如何搭建開發腳手架呢

安裝node.js

進入官網下載node.js
在這裏插入圖片描述
node版本必須在10.0.0以上才支持

安裝 cnpm

  1. npm(node package manager)是nodejs的包管理器,用於node插件管理(包括安裝、卸載、管理依賴等)
  2. 使用npm安裝插件:命令提示符執行npm install <name>
  3. 選裝 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 提供一個官方命令行工具,可用於快速搭建大型單頁應用。

  1. 先確認是否有安裝過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 項目名稱

在這裏插入圖片描述在這裏插入圖片描述在這裏插入圖片描述在這裏插入圖片描述在這裏插入圖片描述在這裏插入圖片描述在這裏插入圖片描述

啓動項目

在這裏插入圖片描述在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章