筆者工作也有一些時間,需要用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 

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

如何查看vue3項目中是否可以用rem_命令行

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

 

二、創建自己的項目

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

在cmd中進入到該文件夾

如何查看vue3項目中是否可以用rem_Windows_02

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

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

然後輸入命令

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

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

如何查看vue3項目中是否可以用rem_項目搭建_03

 

等待它下載完成,就好了

 

 

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

如何查看vue3項目中是否可以用rem_如何查看vue3項目中是否可以用rem_04

 

 

 

之後我們的運行指令是

npm run dev

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