一、說明
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 ...