如何新建一個vue項目

用命令列產生vue專案框架需要npm套件管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後，開啟cmd。

輸入 node -v，出現類似v6.11.2這樣的版本號碼說明node安裝成功。

輸入npm -v, 出現類似v3.10.10這樣的版本號碼說明npm安裝成功.

#然後開始新建一個vue專案：

（1）安裝鷹架工具： npm install -g vue-cli --registry=https://registry.npm.taobao.org    ---淘寶鏡像比較快

（2）安裝完成後輸入 vue --version ，可看到版本號碼說明安裝成功。

 ( 3 ) 建立框架專案  vue init webpack my-project     ---（my-project是專案名稱）

######################################### ##################################（4） 檢視目前專案檔： 輸入cd eleme , 再輸入dir 即可查看文件資訊。 #####################################

（5）安装依赖

npm install --registry=https://registry.npm.taobao.org

安装完成后会在文件夹中发现多了个node_modules文件夹，到这里脚手架就已经安装完成了。

（6）启动vue项目：

 npm run dev

打开浏览器：输入

http://localhost:8080

以上是如何新建一個vue項目的詳細內容。更多資訊請關注PHP中文網其他相關文章！