如何用vue cli快速搭建乙個vue專案

2021-09-22 19:06:13 字數 1105 閱讀 9946

如何用vue-cli快速搭建乙個vue專案

vue-cli是vue的腳手架。腳手架就是工地上為了保證各施工過程順利進行而搭設的工作平台,vue-cli用來快速搭建乙個vue專案。

我在桌面建立乙個vuetest資料夾,然後用vs code開啟該資料夾

ctrl 加 ~鍵開啟終端,輸入npm -v 檢視node.js是否安裝成功,如下圖:

輸入npm install -g vue-cli,全域性安裝vue-cli,如下圖:

待安裝完成後,可以輸入vue -v(注意這個v是大寫),檢視是否安裝成功,如下圖:

1.vue init webpack project(你的專案名稱)

2.之後vue會配置一些檔案,可以一路回車確認。在出現eslint(這是檢查語法規則的,才開始學習vue專案時可以關閉)。

在專案初始化好後

輸入cd test

然後輸入npm run dev,如下圖

成功生成專案就可以開啟瀏覽器,輸入http://localhost:8080

就會出現vue的歡迎介面,如下圖:

如何用vue cli初始化乙個vue專案

解析打包.vue檔案 vue為了能夠使我們在專案開發中對元件進行更好的維護,提供了乙個單檔案元件系統,vue把每乙個獨立的元件放在乙個.vue的檔案中,在這個檔案中提供基礎三個自定義標籤 1.template 2.script 3.style 來放置元件不同的內容塊,但是因為瀏覽器不能夠直接去識別該...

使用vue cli搭建乙個vue專案

npm i vue vue cli g2.開始搭建,並使用webpack進行管理vue init webpack projectname 開始搭建 在搭建的過程中,它會詢問以下問題 project name projectname 專案名是否為projectnam project descripti...

如何用pytorch搭建乙個簡單的神經網路?

匯入模組 import torch import torch.nn.functional as f from torch.autograd import variable import matplotlib.pyplot as plt x torch.unsqueeze torch.linspace...