教你如何搭建vue項目

 

筆者工作也有一些時間,需要用vue寫項目時也總是項目組長已經把項目搭建好了,

偶爾心血來潮想試着自己搭建一個vue項目

 

我們搭建vue項目呢主要是用到了vue-cli來搭建,但是前提是必須要已經安裝好了node和npm

如果你還沒安裝這些東西,就先去安裝再來學習搭建vue項目吧

 

一、安裝vue-cli

1. 開啓命令行,輸入指令(Windows的命令行開啓方法爲  鍵盤上的 開始鍵 + R 同時按下,然後輸入 cmd 就能打開命令行了)

npm install --global vue-cli  (--global全局安裝)

那如果安裝好了我們怎麼查看的到是否已經安裝好了呢?

其實已經在我們本地了

本地路徑爲  C:\Users\Administrator\AppData\Roaming\npm 

裏面的文件大概長這個樣子

那麼vue-cli我們就安裝好了

 

二、創建自己的項目

1. 隨便找一個文件夾(這裏我以桌面 test文件夾 爲例)

在cmd中進入到該文件夾

我這裏呢  使用的進入命令(cd)  一步一步進入到桌面test文件夾的

你也可以在命令行中  拖入文件夾   這樣就可以直接進入到該文件夾

然後輸入命令

vue init webpack vue項目   (“vue項目” 是我項目的名稱,你也可以換一個名稱)

之後呢,cmd就會對你提問,我直接把回答好的圖放出來吧

 

 當然還有幾個報錯,筆者不知道這個是幹嘛用的了,

但是我在使用時沒有問題,所以也就忽略了,有興趣的可以去查一查是什麼報錯

等待它下載完成,就好了

 

 

我們就可以去到文件夾裏面查看項目了

 

 

 

之後我們的運行指令是

npm run dev

一個簡單的vue項目就搭建好了鴨

 

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