vue 項目搭建

首先你的電腦上應該裝上node js 這一步就省略了

[node js 下載地址](https://nodejs.org/zh-cn/download/) 

通過下圖命令查看 安裝node 版本 和npm 版本在這裏插入圖片描述

執行以下命令可以將npm 版本更新到最新

npm install -g npm 

使用淘寶NPM 鏡像

大家都知道國內直接使用npm 的官方鏡像是非常慢的,這裏推薦使用淘寶 NPM 鏡像。

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

這樣就可以使用cnpm 命令來安裝模塊了:

在這裏插入圖片描述

項目初始化

1.第一步:安裝vue-cli

cnpm install vue-cli -g      //全局安裝 vue-cli

在這裏插入圖片描述
執行 vue list 查看vue 是否安裝成功
在這裏插入圖片描述

選定路徑,新建vue項目

然後cmd 命令到當前目錄下 運行如下:

vue init webpack  ”項目名稱“

在這裏插入圖片描述
如果不選no 項目會採用嚴格模式 項目編寫會出現很多錯誤

打開對應文件夾 會發現出現如下的目錄結構 算是新建項目基本告成
在這裏插入圖片描述
現在已經創建好了,那就讓項目先安裝下依賴再運行一下,操作指令是:npm intall 和 npm run dev 也可以使用 cnpm 都可以
我是使用的 vscode 打開的項目 運行這兩個命令
vscode 可以去百度下載撒 灰常好用
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
至此 一個空的項目就算搭建完成了

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