vue如何新建乙個專案

第一步：安裝node

安裝步驟參考：

window+r開啟控制命令列cmd

node -v檢視node版本

npm -v檢視npm版本，雖然node自帶npm，但如果不是最新版本，可以執行命令：nmp install -g npm,即可最新npm

( --registry=這樣就可以使用cnpm 命令來安裝模組了：)

第二步：專案初始化

第一步：安裝vue-cli

cnpm install vue-cli -g      //全域性安裝 vue-cli

檢視vue-cli是否成功，不能檢查vue-cli,需要檢查vue

選定路徑，新建vue專案，這裡我是在桌面上新建了sun資料夾，cd目錄路徑，下面我一專案名為sell新建vue專案

vue init webpack  」專案名稱「

5.現在已經建立好了，那就讓專案先安裝下依賴再執行一下，會出現下面的頁面，操作指令是：

cnpm install

cnpm run dev

注意 這裡要在sell下進行安裝和執行哦!!!

6.啦啦啦  安裝成功。

7.利用vue-cil初始化構建vue專案，我們會獲得乙個初始化的資料夾結構，如下：

8.下面開始進入你的vue之旅吧！！

//官網才是開始的必經之路。。。。

總結參考

vue如何新建乙個專案

身為入行未深的小白前端，不斷的學習是我們不可丟失的習慣。前端流行的框架也是層出不窮，vue在眾多框架中脫穎而出。今天花了兩個小時的時間自己走了一邊建立vue專案的流程，跟你們分享。1 開啟cmd命令列，首先安裝node 2 npm包管理器是整合在node中的，所以直接輸入npm v就能檢視到版本資訊...

vue如何新建乙個專案

第一步npm安裝 圖1雙擊安裝，在安裝介面一直next 圖2 圖3 圖4直到finish完成安裝。開啟控制命令列程式 cmd 檢查是否正常 圖5使用 npm映象 npm install g cnpm registry 這樣就可以使用cnpm 命令來安裝模組了 1.第一步 安裝vue cli cnpm...

新建乙個vue專案

用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後，開啟cmd。輸入 node v，出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...