筆者工作也有一些時間,需要用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項目就搭建好了鴨