build vue 靜態化 vue入門學習

2021-10-14 03:31:08 字數 1315 閱讀 1748

一、 安裝工具nodejs

二、安裝vue

三、建立專案並啟動demo專案

檢查是否正常

echo %path% 檢視環境變數 node -v 檢視node版本 npm -v 檢視node自帶的npm版本

修改npm本地倉庫目錄

npm config set prefix "h:odejsode_global"

npm config set cache "h:odejsode_cache"

npm list -global檢視npm本地倉庫

npm config set registry= 配置映象站,提公升速度

npm config list 顯示所有配置資訊

配置資訊儲存位置:c:甥敳獲administrator.npmrc

檢查一下映象站行不行命令1:npm config get registry

檢查一下映象站行不行命令2:npm info vue 看看能否獲得vue的資訊

npm install npm -g 設定在h:odejsode_global裡面 npm install 安裝或更新命令 -g安裝到global目錄下

預設模組h:odejsode_modules 目錄將會改變為h:odejsode_globalode_modules 目錄,若直接執行npm install等命令會報錯的。

需增加環境變數node_path 內容是:h:odejsode_globalode_modules

npm安裝vue.js npm install vue -g 安裝到global全域性目錄中

npm安裝vue-router npm install vue-router -g

安裝vue腳手架 npm install vue-cli -g vue -v 檢視vue腳手架版本

vue-cli工具是內建了模板包括 webpack 和 webpack-******,前者是比較複雜專業的專案,他的配置並不全放在根目錄下的 webpack.config.js 中。

vue init webpage vue01 建立乙個基於webpage的新專案

npm run dev執行

進入project目錄,執行npm run dev,開啟提示位址http://localhost:8080

在專案開發完成之後,可以輸入 npm run build 來進行打包工作。打包完成後,會生成 dist 資料夾,專案上線時,只需要將 dist 資料夾放到伺服器就行了。

vue 實現頁面靜態化

使用 this.router.push location 來修改 url,完成頁面路由跳轉使用params來隱式傳遞url的引數,它類似post,url看不出,使用query來傳遞引數的話,類似get,url一定會被格式化為而不能自定義,以html字尾結尾checkdetail async func...

PHP 頁面靜態化 純靜態化 偽靜態化

概念 php靜態化分為 純靜態化 和 偽靜態化 純靜態化又分為 區域性靜態化 和 完全靜態化 純靜態化 是把php生成的動態頁面儲存成靜態的html檔案,使用者訪問該靜態頁面,而不是使用者每一次訪問都重新生成一張相同的網頁,優點就是減小伺服器開銷,區域性靜態化 是生成的靜態檔案中,有區域性的資料還是...

PHP 頁面靜態化 純靜態化 偽靜態化

概念 php靜態化分為 純靜態化 和 偽靜態化 純靜態化又分為 區域性靜態化 和 完全靜態化 純靜態化 是把php生成的動態頁面儲存成靜態的html檔案,使用者訪問該靜態頁面,而不是使用者每一次訪問都重新生成一張相同的網頁,優點就是減小伺服器開銷,區域性靜態化 是生成的靜態檔案中,有區域性的資料還是...