vue系列1 建立vue專案

2022-07-21 13:48:19 字數 837 閱讀 5362

一、說明

1、vue-cli 是 vue 官方提供的腳手架工具

2、github:

3、作用: 從

二、建立 vue 專案1、npm包管理器是整合在node中的,所以直接輸入npm -v就能檢視到版本資訊。

2、輸入npm install -g cnpm --registry=,安裝**映象安裝相關依賴。

3、安裝vue-cli腳手架構建工具,輸入命令npm install -g vue-cli,安裝完成即可。

4、選定路徑,新建vue專案,這裡我是新建到桌面上。

5、在上一步的目錄下新建專案,指令vue init webpack 專案名稱

6、進入到專案的資料夾下。

7、執行專案,指令npm run dev

8、在瀏覽器中開啟這個**。

三、vue專案結構

四、vue專案的打包與發布

1、第一種方式:

打包:npm run build

2、 第二種方式:

修改配置:webpack.prod.conf.js

output:

**:

VUE篇 1建立vue專案

1.先安裝node.js 參考 2 全域性安裝vue cli,vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli 出現這個就是成功了 3 安裝webpack,它是打包js的工具 安裝命令 npm install g webpack 出現這個就是成功了 ...

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 ...