教你如何搭建vue項目

 

筆者工做也有一些時間，須要用vue寫項目時也老是項目組長已經把項目搭建好了，

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

 

咱們搭建vue項目呢主要是用到了vue-cli來搭建，可是前提是必需要已經安裝好了node和npm

若是你還沒安裝這些東西，就先去安裝再來學習搭建vue項目吧

 

1、安裝vue-cli

1. 開啓命令行，輸入指令（Windows的命令行開啓方法爲  鍵盤上的 開始鍵 + R 同時按下，而後輸入 cmd 就能打開命令行了）

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

那若是安裝好了咱們怎麼查看的到是否已經安裝好了呢？

其實已經在咱們本地了

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

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

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

 

2、建立本身的項目

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

在cmd中進入到該文件夾

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

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

而後輸入命令

vue init webpack vue項目   (「vue項目」 是我項目的名稱，你也能夠換一個名稱)

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

 

 固然還有幾個報錯，筆者不知道這個是幹嗎用的了，

可是我在使用時沒有問題，因此也就忽略了，有興趣的能夠去查一查是什麼報錯

等待它下載完成，就行了

 

 

咱們就能夠去到文件夾裏面查看項目了

 

 

 

以後咱們的運行指令是

npm run dev

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