1. 程式人生 > >怎樣在命令列(cmd)模式下建立一個Vue專案

怎樣在命令列(cmd)模式下建立一個Vue專案

一:環境的搭建

1、檢查是否安裝好nodejs
在這裡插入圖片描述
如果沒有版本號,下載nodejs安裝即可
2、檢查是否安裝好淘寶映象
在這裡插入圖片描述
沒有就要安裝:http://npm.taobao.org/

npm install -g cnpm –registry=https://registry.npm.taobao.org

在cmd下輸入上面的命令即可

二:建立vue專案

1、安裝vue-cli
在一個空的資料夾下,進行專案的建立
注:操作下面你的命令,需要進入到你建立的目錄下

cnpm i -g vue-cli

2、安裝webpack

cnpm i -g webpack

3、初始化專案
在建立專案名時,用小寫字母,後續一直按enter回車鍵即可

vue init webpack first-demo

4、計入first-demo目錄

cd first-demo

5、安裝依賴
當你建立的專案中有node_modules目錄時,不需要執行下面的命令,下面的命令是版本2.0之前,需要自己安裝依賴,2.0以後就不需要了

cnpm i

6、執行專案

cnpm run dev

出現下面即可執行第七步
在這裡插入圖片描述

7、開啟瀏覽器訪問

http://localhost:8080