VUE篇 1建立vue專案

2021-10-14 11:25:15 字數 1122 閱讀 3396

1.先安裝node.js

參考:2、全域性安裝vue-cli,vue-cli可以幫助我們快速構建vue專案。

安裝命令:

npm install -g vue-cli

出現這個就是成功了

3、安裝webpack,它是打包js的工具

安裝命令:

npm install -g webpack

出現這個就是成功了

建立專案命令,輸入回車: vue init webpack 專案名

vue init webpack vuedemo
接著會出現一些配置項,可以根據需要配置,也可以預設,直接按回車。

然後繼續等待安裝依賴項。完成之後,乙個基本的 vue專案就搭建完了。完成之後的當前目錄就會得到如下目錄,其中src/main.js就是入口。

5、接著執行專案,先cd到專案資料夾裡面,然後輸入以下指令

成功之後,接著在瀏覽器裡輸入:http://localhost:8080,看到如下畫面就是成功了。

6、專案打包發布上線

輸入命令:

npm run build
完成之後,專案資料夾中會出現乙個dist資料夾,裡面就是打包之後的內容,直接部署就好了。

vue系列1 建立vue專案

一 說明 1 vue cli 是 vue 官方提供的腳手架工具 2 github 3 作用 從 二 建立 vue 專案1 npm包管理器是整合在node中的,所以直接輸入npm v就能檢視到版本資訊。2 輸入npm install g cnpm registry 安裝 映象安裝相關依賴。3 安裝vu...

vue 建立專案 1

1.進入專案所在資料夾 cd d vuepro 2.安裝node npm node v npm v 檢視是否安裝及版本號 3.安裝vue npm install g vue cli registry npm vue v 檢視是否安裝及版本號 4.建立專案框架 vue init webpack vue...

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...