『壹』 ant 的build.xml如何配置便可執行 某一個目錄下的.exe文件
Ant的構建文件
當開始一個新的項目時,首先應該編寫Ant構建文件。構建文件定義了構建過程,並被團隊開發中每個人使用。Ant構建文件默認命名為build.xml,也可以取其他的名字。只不過在運行的時候把這個命名當作參數傳給Ant。構建文件可以放在任何的位置。一般做法是放在項目頂層目錄中,這樣可以保持項目的簡潔和清晰。下面是一個典型的項目層次結構。
(1) src存放文件。
(2) class存放編譯後的文件。
(3) lib存放第三方JAR包。
(4) dist存放打包,發布以後的代碼。
Ant構建文件是XML文件。每個構建文件定義一個唯一的項目(Project元素)。每個項目下可以定義很多目標(target元素),這些目標之間可以有依賴關系。當執行這類目標時,需要執行他們所依賴的目標。
每個目標中可以定義多個任務,目標中還定義了所要執行的任務序列。Ant在構建目標時必須調用所定義的任務。任務定義了Ant實際執行的命令。Ant中的任務可以為3類。
(1) 核心任務。核心任務是Ant自帶的任務。
(2) 可選任務。可選任務實來自第三方的任務,因此需要一個附加的JAR文件。
(3) 用戶自定義的任務。用戶自定義的任務實用戶自己開發的任務。
1.<project>標簽
每個構建文件對應一個項目。<project>標簽時構建文件的根標簽。它可以有多個內在屬性,就如代碼中所示,其各個屬性的含義分別如下。
(1) default表示默認的運行目標,這個屬性是必須的。
(2) basedir表示項目的基準目錄。
(3) name表示項目名。
(4) description表示項目的描述。
每個構建文件都對應於一個項目,但是大型項目經常包含大量的子項目,每一個子項目都可以有自己的構建文件。
2.<target>標簽
一個項目標簽下可以有一個或多個target標簽。一個target標簽可以依賴其他的target標簽。
例如,有一個target用於編譯程序,另一個target用於聲稱可執行文件。在生成可執行文件之前必須先編譯該文件,因策可執行文件的target依賴於編譯程序的target。Target的所有屬性如下。
(1).name表示標明,這個屬性是必須的。
(2).depends表示依賴的目標。
(3)if表示僅當屬性設置時才執行。
(4)unless表示當屬性沒有設置時才執行。
(5)description表示項目的描述。
Ant的depends屬性指定了target的執行順序。Ant會依照depends屬性中target出現順序依次執行每個target。在執行之前,首先需要執行它所依賴的target。程序中的名為run的target的depends屬性compile,而名為compile的target的 depends屬性是prepare,所以這幾個target執行的順序是prepare->compile->run。
一個target只能被執行一次,即使有多個target依賴於它。如果沒有if或unless屬性,target總會被執行。
3.<mkdir>標簽
該標簽用於創建一個目錄,它有一個屬性dir用來指定所創建的目錄名,其代碼如下:
<mkdir dir=」${class.root}」/>
通過以上代碼就創建了一個目錄,這個目錄已經被前面的property標簽所指定。
4<jar>標簽
該標簽用來生成一個JAR文件,其屬性如下。
(1) destfile表示JAR文件名。
(2) basedir表示被歸檔的文件名。
(3) includes表示別歸檔的文件模式。
(4) exchudes表示被排除的文件模式。
5.<javac標簽>
該標簽用於編譯一個或一組java文件,其屬性如下。
(1).srcdir表示源程序的目錄。
(2).destdir表示class文件的輸出目錄。
(3).include表示被編譯的文件的模式。
(4).excludes表示被排除的文件的模式。
(5).classpath表示所使用的類路徑。
(6).debug表示包含的調試信息。
(7).optimize表示是否使用優化。
(8).verbose 表示提供詳細的輸出信息。
(9).fileonerror表示當碰到錯誤就自動停止。
6.<java>標簽
該標簽用來執行編譯生成的.class文件,其屬性如下。
(1).classname 表示將執行的類名。
(2).jar表示包含該類的JAR文件名。
(3).classpath所表示用到的類路徑。
(4).fork表示在一個新的虛擬機中運行該類。
(5).failonerror表示當出現錯誤時自動停止。
(6).output 表示輸出文件。
(7).append表示追加或者覆蓋默認文件。
7.<delete>標簽
該標簽用於刪除一個文件或一組文件,其屬性如下。
(1)/file表示要刪除的文件。
(2).dir表示要刪除的目錄。
(3).includeEmptyDirs 表示指定是否要刪除空目錄,默認值是刪除。
(4).failonerror 表示指定當碰到錯誤是否停止,默認值是自動停止。
(5).verbose表示指定是否列出所刪除的文件,默認值為不列出。
8.<>標簽
該標簽用於文件或文件集的拷貝,其屬性如下。
(1).file 表示源文件。
(2).tofile 表示目標文件。
(3).todir 表示目標目錄。
(4).overwrite 表示指定是否覆蓋目標文件,默認值是不覆蓋。
(5).includeEmptyDirs 表示制定是否拷貝空目錄,默認值為拷貝。
(6).failonerror 表示指定如目標沒有發現是否自動停止,默認值是停止。
(7).verbose 表示制定是否顯示詳細信息,默認值不顯示。
Ant的數據類型
在構建文件中為了標識文件或文件組,經常需要使用數據類型。數據類型包含在org.apache.tool.ant.types包中。下面鏡簡單介紹構建文件中一些常用的數據類型。
1. argument 類型
由Ant構建文件調用的程序,可以通過<arg>元素向其傳遞命令行參數,如apply,exec和java任
務均可接受嵌套<arg>元素,可以為各自的過程調用指定參數。以下是<arg>的所有屬性。
(1).values 是一個命令參數。如果參數中有空格,但又想將它作為單獨一個值,則使用此屬性。
(2).file表示一個參數的文件名。在構建文件中,此文件名相對於當前的工作目錄。
(3).line表示用空格分隔的多個參數列表。
(4).path表示路徑。
2.ervironment 類型
由Ant構建文件調用的外部命令或程序,<env>元素制定了哪些環境變數要傳遞給正在執行的系統命令,<env>元素可以接受以下屬性。
(1).file表示環境變數值的文件名。此文件名要被轉換位一個絕對路徑。
(2).path表示環境變數的路徑。Ant會將它轉換為一個本地約定。
(3).value 表示環境變數的一個直接變數。
(4).key 表示環境變數名。
注意 file path 或 value只能取一個。
3.filelist類型
Filelist 是一個支持命名的文件列表的數據類型,包含在一個filelist類型中的文件不一定是存在的文件。以下是其所有的屬性。
(1).dir是用於計算絕對文件名的目錄。
(2).files 是用逗號分隔的文件名列表。
(3).refid 是對某處定義的一個<filelist>的引用。
注意 dir 和 files 都是必要的,除非指定了refid(這種情況下,dir和files都不允許使用)。
4.fileset類型
Fileset 數據類型定義了一組文件,並通常表示為<fileset>元素。不過,許多ant任務構建成了隱式的fileset,這說明他們支持所有的fileset屬性和嵌套元素。以下為fileset 的屬性列表。
(1).dir表示fileset 的基目錄。
(2).casesensitive的值如果為false,那麼匹配文件名時,fileset不是區分大小寫的,其默認值為true.
(3).defaultexcludes 用來確定是否使用默認的排除模式,默認為true。
(4).excludes 是用逗號分隔的需要派出的文件模式列表。
(5).excludesfile 表示每行包含一個排除模式的文件的文件名。
(6).includes 是用逗號分隔的,需要包含的文件模式列表。
(7).includesfile 表示每行包括一個包含模式的文件名。
5.patternset 類型
Fileset 是對文件的分組,而patternset是對模式的分組,他們是緊密相關的概念。<patternset>支持4個屬性:includes excludex includexfile 和 excludesfile,與fileset相同。Patternset 還允許以下嵌套元素:include,exclude,includefile 和 excludesfile.
6.filterset 類型
Filterset定義了一組過濾器,這些過濾器將在文件移動或復制時完成文件的文本替換。
主要屬性如下:
(1).begintoken 表示嵌套過濾器所搜索的記號,這是標識其開始的字元串。
(2).endtoken表示嵌套過濾器所搜索的記號這是標識其結束的字元串。
(3).id是過濾器的唯一標志符。
(4).refid是對構建文件中某處定義一個過濾器的引用。
7.Path類型
Path元素用來表示一個類路徑,不過它還可以用於表示其他的路徑。在用作幾個屬性時,路經中的各項用分號或冒號隔開。在構建的時候,此分隔符將代替當前平台中所有的路徑分隔符,其擁有的屬性如下。
(1).location 表示一個文件或目錄。Ant在內部將此擴展為一個絕對路徑。
(2).refid 是對當前構建文件中某處定義的一個path的引用。
(3).path表示一個文件或路徑名列表。
8.mapper類型
Mapper類型定義了一組輸入文件和一組輸出文件間的關系,其屬性如下。
(1).classname 表示實現mapper類的類名。當內置mapper不滿足要求時,用於創建定製mapper.
(2).classpath表示查找一個定製mapper時所用的類型路徑。
(3).classpathref是對某處定義的一個類路徑的引用。
(4).from屬性的含義取決於所用的mapper.
(5).to屬性的含義取決於所用的mapper.
(6).type屬性的取值為identity,flatten glob merge regexp 其中之一,它定義了要是用的內置mapper的類型。
Ant 的運行
安裝好Ant並且配置好路徑之後,在命令行中切換到構建文件的目錄,輸入Ant命令就可以運行Ant.若沒有指定任何參數,Ant會在當前目錄下查詢 build.xml文件。如果找到了就用該文件作為構建文件。如果使用了 –find 選項,Ant 就會在上級目錄中找構建文件,直至到達文件系統的根目錄。如果構建文件的名字不是build.xml ,則Ant運行的時候就可以使用 –buildfile file,這里file 指定了要使用的構建文件的名稱,示例如下:
Ant如下說明了表示當前目錄的構建文件為build.xml 運行 ant 執行默認的目標。
Ant –buildfile test.xml
『貳』 android studio ndk-build怎麼配置環境
第一步:下載Android NDK。
第二步:為project設置ndk路徑,在local.properties中,添加ndk.dir=<path-to-ndk>。
第三步:修改build.gradle文件。
第四步:創建jni文件。
第五步:創建測試類文件。
第六步:創建.h文件。創建.cpp文件。
第七步:進行測試
『叄』 如何配置build.gradle版本
build.gradle
//設置腳本的運行環境
buildscript {
//支持java 依賴庫管理(maven/ivy),用於項目的依賴。
repositories {
mavenCentral()
}
//依賴包的定義。支持maven/ivy,遠程,本地庫,也支持單文件
dependencies {
classpath 'com.android.tools.build:gradle:0.4'
}
}
//聲明構建的項目類型,這里當然是android了
apply plugin: 'android'
//設置編譯android項目的參數
android {
compileSdkVersion 17
buildToolsVersion "17"
defaultConfig {
minSdkVersion 8
targetSdkVersion 17
}
//Android默認配置
sourceSets {
main {
manifest.srcFile 'AndroidManifest.xml'
java.srcDirs = ['src']
resources.srcDirs = ['src']
aidl.srcDirs = ['src']
renderscript.srcDirs = ['src']
res.srcDirs = ['res']
assets.srcDirs = ['assets']
}
//測試所在的路徑,這里假設是tests文件夾,沒有可以不寫這一行
instrumentTest.setRoot('tests')
}
//這個是解決lint報錯的代碼
lintOptions {
abortOnError false
}
/**
* 簽名設置
*/
signingConfigs {
myConfigs {
storeFile file("簽名文件地址")
keyAlias "..."
keyPassword "..."
storePassword "..."
}
}
/**
* 混淆設置
*/
buildTypes {
release {
signingConfig signingConfigs.myConfigs
runProguard true
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
/**
* 渠道打包(不同包名)
*/
proctFlavors {
qqqq {
applicationId = '包名'
}
hhhhh {
applicationId='包名'
}
}
}
/**
* .so文件的導入
『肆』 如何在Android Studio里設置Build Tool版本
在工程目錄的 build.gradle 文件里修改 buildToolsVersion 的值,如下圖:
(4)新版腳手架如何配置build擴展閱讀:
Android Studio 是谷歌推出的一個Android集成開發工具,基於IntelliJ IDEA. 類似 Eclipse ADT,Android Studio 提供了集成的 Android 開發工具用於開發和調。
一、架構組成
1、在IDEA的基礎上,Android Studio 提供:
2、基於Gradle的構建支持
3、Android 專屬的重構和快速修復
4、提示工具以捕獲性能、可用性、版本兼容性等問題
5、支持ProGuard 和應用簽名
6、基於模板的向導來生成常用的 Android 應用設計和組件
7、功能強大的布局編輯器,可以讓你拖拉 UI 控制項並進行效果預覽
二、啟動解決方案
1、先來到Android Studio的bin目錄下,修改studio.bat 第72行GOTO end 在它前面加上PAUSE 用於查看錯誤消息,進入cmd 然後指向Android Studio目錄下 運行studio.bat 可以查看錯誤消息,去修改android-studioin目錄下的studio.exe.vmoptions 去除第5行的 -XX:+UseCodeCacheFlushing,啟動成功
2、用記事本打開android-studioin 目錄下的studio.bat
將 SET VM_OPTIONS_FILE=%IDE_BIN_DIR%studio%BITS%.exe.vmoptions
改為 SETVM_OPTIONS_FILE=%IDE_BIN_DIR%studio%BITS%.exe啟動成功
3、用文本工具打開
studio.bat
line25 to line 28:
SET JRE=%JDK%
IF EXIST "%JRE%jre" SET JRE=%JDK%jre
SET BITS=IF EXIST "%JRE%libamd64" SET BITS=64
可以看到裡面設置軟體支持系統位數是64位,如果自己所用電腦是32位的 jre/lib目錄下只有i386文件,嘗試把
IF EXIST "%JRE%libamd64" SET BITS=64 改為
IF EXIST "%JRE%libi386" SET BITS=32
4、、檢查jdk路徑是否配置,1.6和1.7都沒有問題,jdk環境變數配置確保正確。
Android Studio 0.2 Released
Jun 6, 2013 Google released Android Studio 0.1.3.
參考資料來源:網路-Android Studio
『伍』 vue2.0用腳手架搭建的官方例子怎麼用webpack打包 如何配置
官網的vue-cli已經非常清楚明白咯。你只要利用npm進行安裝vue-cli,之後:
vue init webpack ...(這里的三個點是你的項目命名);
然後他就自動的下載模版引擎,後面的東西可以根據它的提示進行後續操作,啟動的話也是很簡單的。
啟動完成就是 npm install 安裝依賴完了就 npm run dev。就可以了
『陸』 如何在Android Studio里設置Build Tool版本
一、修改Android Studio(以下簡稱AS)的內存配置
因為在導入源碼時需要消耗大量內存,所以先修改IDEA_HOME/bin/studio.vmoptions中-Xms和-Xmx的值。文檔中使用的是748m, 可自行修改。
二、配置AS的JDK、SDK
在IDE中添加一個沒有classpath的JDK, 這樣可以確保使用源碼里的庫文件
並將其作為要使用的SDK的Java SDK。如下圖
三、生成導入AS所需配置文件(*.ipr)
①編譯源碼(為了確保生成了.java文件,如R.java;如果編譯過,則無需再次編譯)
②檢查out/host/linux-x86/framework/目錄下是否有idegen.jar
如果idegen.jar不存在,執行:
mmm development/tools/idegen/
在5.0.1的源碼中會生成res.java的文件夾,導致idegen.jar運行時拋FileNotFoundException,這是idegen的代碼不夠嚴謹造成的。
我的分享里有修改這個bug的patch,或者直接使用我分享的idegen.jar。
③執行
development/tools/idegen/idegen.sh
等待出現類似下面的結果:
Read excludes: 5ms
Traversed tree: 44078ms
這時會在源碼的根目錄下生成android.ipr和android.iml兩個IntelliJ IDEA(AS是基於IntelliJ IDEA社區版開發的)的配置文件
④在AS中打開源碼根目錄下新生成的android.ipr
如果在導入時AS出現
『柒』 Vue項目啟動過程以及配置
我們點擊 npm run dev 的時候,這就是啟動 Vue 工程項目,那麼它啟動過程是什麼樣的呢? Vue 項目啟動過程,本文簡要介紹。
在執行 npm run dev 的時候,會在當前目錄中尋找 package.json 文件,包含項目的 名稱版本 、 項目依賴 等相關信息。
從下圖中可以看到, 啟動 npm run dev 命令後,會載入 build/webpack.dev.conf.js 配置並啟動 webpack-dev-server 。
webpack.dev.conf.js 中引入了很多模塊的內容,其中就包括 config 目錄下伺服器環境的配置文件。
可以看到,在 index.js 文件中包含伺服器 host 和 port 以及入口文件的相關配置,默認啟動埠是 8080 ,這里可以進行修改。
index.html 的內容很簡單,主要是提供一個 div 給 vue 掛載。
main.js 中, 引入了 vue 、 App 和 router 模塊, 創建了一個 Vue 對象,並把 App.vue 模板的內容掛載到 index.html 的 id 為 app 的 div 標簽下, 並綁定了一個路由配置。
上面 main.js 把 App.vue 模板的內容,放置在了 index.html 的 div 標簽下面。查看 App.vue 的內容我們看到,這個頁面的內容由一個 logo 和一個待放置內容的 router-view , router-view 的內容將由 router 配置決定。
查看 route 目錄下的 index.js ,我們發現這里配置了一個路由, 在訪問路徑 / 的時候, 會把 HelloWorld 模板的內容放置到上面的 router-view 中。
HelloWorld 中主要是一些 Vue 介紹顯示內容。
所以,頁面關系組成是 index.html 包含 App.vue,App.vue 包含 HelloWorld.vue 。
到這,我們開始安裝 router 、 vuex 。
Ctrl+C 退出啟動,繼續執行 vue-cli ,腳手架安裝插件 router 和 vuex 開始。
輸入一個大寫Y,按下Enter
vuex 是專門為 Vue.js 設計的狀態管理庫,以利用 Vue.js 的細粒度數據響應機制來進行高效的狀態更新。
Vuex 主要有五部分:
① 安裝 vuex
接下來我們在 src目錄 下創建一個 vuex 文件夾
並在 vuex文件夾 下創建一個 store.js 文件
文件夾目錄 長得是這個樣子
在保證我們處於我們項目下,在命令行輸入下面命令,然後,安裝 vuex 。
② vuex 的關系圖
③ 開始使用,在 mian.js 中,引入 vuex
④然後告知 vue 開始使用 vuex (Vue.use(Vuex))
在 store.js 文件中,引入 vuex 並且使用 vuex ,這里注意我的變數名是大寫 Vue 和 Vuex
⑤接下來,在main.js中引入store
到這里算是,以及完成了。
我們再重新看一下此時的項目結構,多了router.js和store.js,其它相關的文件也被修改
『捌』 如何配置sbt的build.sbt使得編譯時將依賴包也打包進去
首先問題解決了,就是sbt-assembly插件的配置問題。這個文檔自己前兩次讀表示看不懂意思。過2天又仔細看了一遍大致明白了,敢動手操作了。
assembly插件的目的是:
The goal is simple: Create a fat JAR of your project with all of its dependencies.
即將項目依賴的大文件也打包到生成的jar中。我的報錯Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/spark/streaming/kafka/KafkaUtils$就是因為包含KafkaUtil的jar包沒打包到jar中。
配置使用插件
下面是我的scala項目目錄結構:
.
├── assembly.sbt
├── build.sbt
├── project
├── README.md
├── run-assembly.sh
├── run.sh
├── src
└── target
插件的配置取決於sbt的版本,詳情見這里
我的是sbt 0.13.8,所以在project/assembly.sbt添加(assembly.sbt)要自己創建:
addSbtPlugin("com.eed3si9n" % "sbt-assembly" % "0.14.0")
配置assembly的參數
參數在項目根目錄下新建assembly.sbt。
直接引入插件就可以用
sbt assembly
編譯了,但是由於我的sbt下載了大量的依賴包,在編譯的時候遇到了編譯包沖突的問題。這個時候需要配置Merge Strategy(合並策略)
『玖』 腳手架施工方案
腳手架搭設施工方案
一、工程概況
×××經濟適用住房小區第×××標段×××棟工程,位於×××市×××大道×××號,鋼筋混凝土框架-剪力牆結構。地下一層,層高×××m;地上十五層,標准層層高×××m;室內外高差×××m,建築總高度×××m,總建築面積×××㎡,泵送商品混凝土。
二、編制依據
(1) 《建築施工扣件式鋼管腳手架安全技術規范》(JGJ130-2001)
(2) 《建築結構荷載規范》(GB50009-2001)
(3) 《建築施工安全檢查標准》(JGJ59-99)
(4) 《鋼結構設計規范》(GB50017-2003)
(5) 《建築結構靜力計算手冊》
(6) 本工程圖紙
三、 搭拆人員、材料選擇、材料驗收
1、腳手架架子工必須根據國家規定,經培訓考核合格,持證上崗,同時上崗人員應定期體檢,體檢合格者方可從事腳手架的搭設和拆除作業。
本工程搭設人員:(負責人:×××)
搭設腳手架人員必須戴好安全帽,系好安全帶,穿好防滑鞋,穿著衣服應緊身。
2、本工程採用落地式雙排鋼筋腳手架,具體所用材料:
(1)立桿、水平桿:採用Φ48mm×3.5mm 鋼管,慣性矩 I=12.19(cm4),截面模量 W=5.08 (cm3),截面積 A=4.89 (cm2),回轉半徑 i=1.58 (cm),鋼管自重: 3.84(kg/m),Q235鋼抗拉、抗壓和抗彎強度設計值:f=205 (N/mm2),彈性模量: E=2.06×105 (N/mm2)
(2)扣件:採用可鍛鑄鐵制的扣件,在螺栓擰緊力矩達60N•m時,不得發生破壞。
(3)腳手板:採用竹串片腳手板。
(4)連牆桿:連牆桿採用鋼管接預埋鋼管,預埋鋼管主體施工時埋入主體梁和柱內。伸入和伸出梁和柱200mm。用兩個扣件與連牆桿連接。
3、材料驗收
(1)、使用的鋼管、扣件及螺栓等配件必須規格統一,應具有出廠合格證、測試報告合格證(准用證)。
(2)、鋼管表面應平直光滑,不應有裂縫、結疤、分層、錯位、硬彎、毛刺、壓痕和深的劃道 。
(3)、鋼管必須塗有防銹漆,剪刀撐應刷紅白相間的著色標志。
(4)、舊扣件使用前應檢查,有裂縫、變形的嚴禁使用,滑絲的螺栓必須更換。
四、腳手架搭設
1、腳手架搭設方式
本工程腳手架採用雙排扣件式鋼管腳手架。
2、腳手架用途
主要用於安全防護和裝飾施工時用,在主體施工期間只作安全防護用,故不安裝欄桿和擋腳板;在裝飾施工期間再安裝,腳手板每隔三層滿鋪,共鋪設5層,裝飾施工時同時作業層數不超過兩層。搭設高度:本工程腳手架總搭設高度46.8m。
3、腳手架基礎
本工程背側面腳手架基礎為回填土,為了保證安全施工,第一步對建築物周邊回填土進行夯實,第二步對夯實地面干鋪碗口石,第三步在碗口石上澆築200mm厚C20砼;正立面腳手架直接搭設在B/C棟間地下車庫頂板上,腳手架范圍內車庫頂板梁、板模板及其支撐不拆除,用於承受腳手架自重及施工荷載。
其次,在每根鋼管腳手架底部用150×150×5mm的鋼板上焊上Φ51的鋼管,三方鋼板與鋼管相焊接,150×150mm的鋼板底部留一小孔進行排水。
4、本工程腳手架設計尺寸
(1)立桿縱距為1.5m。
(2)立桿橫距為1.00m。
(3)每步高度為1.5m。
(4)橫向水平桿挑出內立桿0.1m。
(5)腳手架的底步立桿採用不同長度的鋼管,參差布置為4m、6m,使相鄰兩根立桿上部接頭相互錯開,不在同一平面上,以保證腳手架的整體性和穩定性,立桿搭設時應垂直穩立,採用斜撐、拋撐撐住,底部都應用橫楞相互連接。
5、搭設順序
搭設准備(架體基礎)→放立桿位置線→豎主立桿→安放大橫桿→安放小橫桿→鋪腳手片→綁扎斜撐和剪刀撐→設置連牆桿→綁扎擋腳板→張掛安全網。欄桿和擋腳板裝飾施工時再安裝。
所有桿件連接均須用螺栓扣件,每個節點的螺栓均要擰緊(45~60N•m),腳手架應橫平豎直。
6、立桿設置方法:
准備工作做好後,放線定位和腳手架底部鋼板的焊接。
7、掃地桿
縱向掃地桿用直角扣件固定在距基礎上方0.2m的立桿上,橫向掃地桿用直角扣件固定在緊靠縱向掃地桿下的立桿上。
8、立桿接長方式
應用對接法,各層各步接頭採用對接扣件,立桿上的對接扣件交叉布置,兩根相鄰立桿的接頭不設置在同步內,扣件接頭中心至主節點的距離不大於0.6m。
9、立桿頂端高度
施工過程中,要高出作業層1.5m,搭設完畢,高出檐口1.5m。
10、安全網、腳手板
密目網從首層腳手板以上滿鋪,安全網每層鋪一道,同時施工作業層鋪一道。腳手板首層滿鋪,再每隔三層滿鋪,共鋪五層。
11、連牆桿
連牆桿採用鋼管接預埋鋼管,預埋鋼管主體施工時埋入主體梁和柱內。伸入和伸出梁和柱200mm。用兩個扣件與連牆桿連接。
腳手架與施工進度同步搭設,一次搭設高度不超過相鄰連牆桿以上二步。
12、剪刀撐與橫向斜撐的設置方法:
剪刀撐沿腳手架縱向兩端和轉角處起連續設置,斜桿與地面的傾角宜在45°~60°之間,用斜桿搭成剪刀撐,自下而上循序連續設置,到架體頂部。
最下面的一根剪刀撐交叉的搭設伸至地面,基礎同立桿,同時搭接鋼管參差且剪刀撐的交叉點在同一水平面上,剪刀撐鋼管接長採用搭接方式,搭接長度為1.2m,並採用兩只轉向扣件鎖緊,扣件上下兩端為0.1m,中間為1m。
剪刀撐斜桿用旋轉扣件,固定在與之相交的橫向水平桿的伸出端或立桿上,旋轉扣件中心線至主節點的距離不大於0.15m。
本腳手架除拐角應設置橫向斜桿外,中間應每隔6跨設置一道。
腳手架第二步開始以上每步應滿鋪腳手片,腳手板四角應用14#鉛絲扎牢,施工操作上靠牆面部位應離開牆面0.12m鋪設腳手片。
腳手架的小橫桿靠牆一端距牆的距離為0.1m,同一平面上小橫桿應對背設置,同時立桿上下對直。
13、避雷
腳手架的四角從立桿底部焊接ф12鋼筋接建築物避雷接地系統。
五、腳手架設計
1、搭設方式與主要參數
項 目 內 容
用途 安全防護,裝修,裝修荷載:2.0kN/m2
材料 Ф48×3.5鋼管,f=205N/mm2
搭設高度 高度46.8m
步距 1.5m
跨度 1.5m
立桿橫距 1.05m
內排立桿距牆面距離 0.15m
小橫桿挑出立桿長度 內 0.1m
外 0.1m
連牆桿形式 拉筋與同立桿材料頂撐結合
連牆桿布置 兩步三跨,豎向間距3.2,橫向間距4.5m
腳手板 竹串片腳手板,自重標准值:0.15kN/m2
欄桿及擋腳板 操作層, 自重標准值:0.11kN/m
安全網、密止網 密目網架體外側及首層腳手板以上滿掛, 平網按首層、操作層設置,中間層隔層布置。
本地區基本風壓 0.3kN/m2
2、立桿計算:
2.1、立桿段自重產生的軸向力設計值NG1k
由規范5.3.7式得Hs=[H]/(1-0.001[H])=46.8/(1-0.001×46.8)=49.1m
NG1k=Hsgk=49.1×0.1345=6.6kN
gk按規范JGJ130-2001附錄A表A-1採用
2.2、構配件自重標准值產生的軸向力NG2k
步數: 46.8/1.5=31.2,取31步進行計算;根據施工現場實際情況:滿鋪腳手板5層,同時施工操作2層,操作層設擋腳板和欄桿。
腳手板:傳至立桿1/2×0.15×1.0×1.5×7=0.79kN
欄桿、擋腳板:0.11×1.5×2/2=0.17kN
安全網: 0.005×1.5×(48-1.5)=0.35kN
則有外立桿NG2k1=0.79+0.17+0.35=1.31kN
內立桿NG2k2=0.79kN
因NG2k1>NG2k2,故只對外立桿進行驗算。
NG= NG1k+NG2k=6.78+1.31=8.09kN
2.3、施工活荷載產生的軸向力NQK
本工程腳手架用於裝修,由規范JGJ130-2001表4.2.2查得活荷標准值為2kN/m2,則有
NQK=1/2×1.0×1.5×2×2=3.0kN
2.4、由風荷載產生的立桿段彎矩標准值Mwk
由於立桿最不利部位為腳手架底部,查《建築結構荷載規范》(GB50009-2001)得:風壓高度變化系數μz=1.25,恩施地區基本風壓w0=0.3kN/m2;
由規范JGJ130-2001表4.2.4的規定有:腳手架風荷載體型系數μs=1.3φ=1.3×0.623=0.81;
由規范4.2.3式得風荷標准值
wk=0.7×μz×μs×w0=0.7×1.25×0.81×0.3=0.21kN/m2;由規範式5.3.4得風荷標准值產生的彎矩Mwk=wkah2=0.21×1.5×1.52/10=0.07kN•m
2.5、組合風荷載時,立桿段的軸向力設計值N:
N=1.2 NG +0.85×1.4×NQK=1.2×8.09+0.85×1.4×3.0=13.28 kN
2.6、立桿穩定性驗算:
1)立桿計算長度l0:
l0=kμh=1.155×1.7×1.5=2.945m
式中 k---計算長度附加系數,其值取1.155
μ---考慮腳手架整體穩定性因素的單桿計算長度系數,按表5.3.3取1.7
h---立桿步距.
2)長細比λ:λ=l0/i=3.142×1000/15.8=198.865<[λ]=210,滿足要求,查本規范附錄C表C得ϕ=0.182
3)i---截面回轉半徑按本規范附錄B表B採用為15.8mm
A---立桿的截面面積按本規范附錄B表B採用為489mm2
W---截面模量按本規范附錄B表B採用5080mm3
σ=N/ϕA+MW/W
=13.28×1000/ (0.182×489)+0.07×1000/5080
=149.23N/mm2<f=205 N/mm2
故立桿穩定性符合要求.
4)不組合風荷時,計算立桿段的軸向力設計值N
由規範式5.3.2-1有:
N=1.2(NG1k +NG2k-1)+1.4∑NQK-1=1.2×8.09+1.4×3.0=13.91kN
N/(ϕA)=13.28×1000/(0.182×489)=149.22N/mm2< ƒ=205 N/mm2
立桿穩定性滿足要求。
2.7、立桿的底座面積計算:
地基承載力設計值fg=kc×fgk=1.0×160=160kN/m2
kc為地基承載力調整系數,對碎石土、砂土、回填土應取0.4,對粘土取0.5,對岩石、混凝土取1.0
P—立桿基礎底面的平均壓力為13.91KN,
則基礎底面積為A: 13.91/160=0.087m2,用300mm×300mm的底座即可.
3、腳手架桿件驗算
3.1 橫向水平桿的驗算,按簡支梁計算
3.1.1 抗彎驗算
橫桿自重標准值P1=0.038kN/m
腳手板荷載標准值P2=0.150×1.5=0.225kN/m
靜荷載計算值q1=1.2(P1+P2)
=1.2×(0.038+0.225)
=0.316kN/m
活荷載標准值Q=2.0×1.5=3.0 kN/m
活荷載計算值q2=1.4Q=1.4×3.0=4.2 kN/m
q=q1+q2=0.316+4.2=4.516kN/m
產生的彎矩Mmax=q2/8=4.516×1.02/8=0.565 kN•m
抗彎計算:Mmax/W=0.565×106/5080=111.22N/mm2<f=205 N/mm2
橫向水平桿抗彎強度滿足要求。
3.1.2 撓度的驗算:
由靜力計算手冊查得:
ν=5 qkb4/(384EI)
=5×3.026×1.04×1012/(384×2.06×105×12.19×104)=1.569mm
由規范表5.1.8查得:ν容=b/150=1000/150=6.667mm>ν=1.569mm
橫向水平桿撓度滿足要求。
3.2 縱向水平桿的驗算,按三跨連續梁計算
橫桿自重標准值P1=0.038kN/m
欄桿擋腳板荷載標准值P2=0.11 kN/m
靜荷載計算值q1=1.2(P1+P2)
=1.2×(0.038+0.11)
=0.178kN/m
由橫向水平桿傳來集中力設計值為
q2=3.026×1×1.5/2=2.27kN
3.2.1 抗彎驗算:
查靜力學計算手冊,考慮施工活荷的最不利組合,有:
Mmax=0.08q12+0.175q2
=0.08×0.178×1.52+0.175×2.27×1.5=0.628 kN•m
抗彎計算:Mmax/W=0.628×106/5080=123.622N/mm2<f=205 N/mm2
縱向水平桿抗彎強度滿足要求。
3.2.2 撓度的驗算:
ν=0.677q14/(100EI)+1.615q23/(100EI)
=(0.677×0.178×1.54×1012+1.615×2.27×103×1.53×109)/(100×2.06×105×12.19×104)=5.17mm
由規范表5.1.8查得:ν容=a/150=1500/150=10mm>ν=5.17mm
縱向水平桿撓度滿足要求。
3.3 縱向水平桿與立桿連接扣件抗滑驗算:
考慮施工活荷的最不利組合,查靜力計算手冊有:
縱、橫向水平桿傳給立桿的豎向力設計值
R=2.3F=2.3×(4.561×1/2+0.178×1.5)=5.859 kN
查規范表5.1.7得:
扣件抗滑承載力設計值Rc=8kN >5.859kN
扣件抗滑滿足要求。
3.4 連牆件驗算
3.4.1 連牆件軸向力
連牆件的軸向力設計值:NL= NLw+5=1.4×wk×Aw+5
=1.4×0.21×2×1.6×3×1.5+5=9.234kN,
3.4.2 連牆件穩定驗算:
按最不利考慮0=b+a=0.2+0.1=0.3m=300mm,則有長細比λ=300/15.8=19<210,查得穩定系數φ=0.949;
連牆件的軸向力承載力:
[N]= φA ƒ=0.949×489×205=95132N=95.1kN>9.234kN
連牆件穩定滿足要求。
扣件抗滑力驗算
一個扣件能承受拉力為Nc=8kN,2Nc=12kN,用兩個扣件能滿足要求。
六、腳手架拆除
(1)、拆除前准備工作:
①全面檢查腳手架的扣件連接、連牆桿、支撐系統等是否符合規范和施工方案要求。
②根據檢查結果補充制訂拆除順序和加固措施。
③由專職安全員進行拆除安全技術交底。
④清除腳手架上雜物及地面障礙物。
(2)、拆除腳手架,周圍應設圍欄或警戒標志,並由專人看管,禁止無關人員入內。
(3)、拆除作業必須由上而下逐層進行,嚴禁上下同時作業。
(4)、連牆體必須隨腳手架逐層拆除,嚴禁先將連牆體整層或數層拆除後再拆腳手架;分段拆除高差不應大於2步,如高差大於2步,應增設連牆件加固。
(5)、腳手架拆至下部最後一根立桿高度時,應先在適當的位置搭設臨時拋撐加固後,再拆連牆桿。
(6)、當腳手架採取分段,分立面拆除時,對不拆除的腳手架兩端,應設置連牆桿和斜撐加固 。
(7)、卸料時,各構配件嚴禁拋擲至地面。
第七章 安全管理
1、腳手架安全保證體系
腳手架安裝、拆除負責人:沈維平,項目經理在簽訂施工合同時,雙方約定安全責任劃分,同時腳手架工人進場,由安全員對其班組長進行安全技術交底,再督促班組長對工人安全技術交底的落實。
項目經理:章振
安全員:張鵬江
班組長:沈維平
操作工
2、腳手架在使用過程中清理、檢修
(由現場專職安全員:張鵬江、架子班長:沈維平負責落實)
腳手架搭設時,要多步驗收,主體結構施工過程中,每搭設完五層驗收一次,十五層共驗收三次,裝飾階段施工前要進行整體驗收,經驗收合格掛牌後方可使用,在使用過程中每周一進行一次日常檢修維護(清理平網內雜物,對損壞的平立網進行修復,架體及連牆桿檢查、維護),
3、防墜落措施
(1)本工程臨時設施及施工通道(含D棟)距離建築物較近,為防止高空物體附落對地面作業人員造成傷害,腳手架外側採用密目網封閉,並加強對施工人員及材料堆放的管理,杜絕物體墜落現象。
(2)房屋入口設置安全通道、攪拌站,並按要求搭設雙層防護棚。
(3)垂直運輸設備(塔吊)定期檢查、維修、保養,並作好使用和維護記錄,塔吊司機專業培訓,持證上崗,本工程設置兩名專業司機輪流操作,嚴禁疲勞駕駛。
(4)吊運腳手架、鋼管等須用專用保險吊鉤,嚴禁單點起吊,要准、平衡。
(5)吊物時由專人指揮,不得盲吊。
(6)底層腳手板必須滿鋪,綁扎牢固,腳手板鋪設交接處平整、牢固,無探頭跳板,腳手架與主體施工同步進行,必須保證外腳手架高出作業層,外圍選用合格且防火的密目網全封閉。腳手架封頂,里立桿應低於檐口0.5m,外立桿高出檐口1.5m。
(7)嚴禁在腳手架上堆放鋼管,模板及施工多餘的物件等,以防止超載或高空墜落。
(8)搭拆腳手架時,地面設圍欄和警戒標志,並派專人看守,嚴禁非操作人員入內。
4、安全措施
(1)人員及材料要求
1.1.搭設腳手架的施工人員必須通過按現行國家標准《特種作業人員安全技術考核管理規則》(GB5036)等考核合格的專業架子工,有登高架設特種作業上崗證。
1.2、上崗人員應定期體檢,合格方可持證上崗。凡患有高血壓、高血壓、心臟病等不適於高空作業人員不得進行腳手架操作。
1.3、搭拆腳手架人員必須戴安全帽、系安全帶,工具及零配件要放在工具袋內,穿防滑鞋工作,袖口、褲口要扎緊。
1.4、進場鋼管、扣件必須有產品合格證和檢驗報告。
1.5、建立鋼管、扣件的專用堆放場地,鋼管、扣件按品種、規格分類堆放,堆放場地不得積水。
(2)施工要求:
2.1、腳手架搭拆前應有書面安全技術交底。使用前必須經過驗收(可分層、分段)合格後掛牌使用,並有驗收簽字手續:拆除時嚴格按安全技術操作規程要求進行。
2.2、腳手架與主體結構連牆桿採用鋼管,一端用扣件與主體結構預埋鋼管扣件連接,另一端用扣件同立桿連接。
2.3、施工班組應按專項方案施工不得擅自更改。
2.4、當有六級及六級以上大風、霧、雨、雪等天氣時,應停止腳手架搭拆作業。
2.5、腳手架每搭五層,由項目部質檢部門檢查驗收,有書面記錄,履行驗收簽字手續,驗收合格後方繼續搭設。
2.6、搭拆腳手架時,地面應設置圍欄和警戒標志,並派專人監護,嚴禁非操作人員入內。
(3)使用時的要求
3.1、在腳手架的使用期間要加強鋼管、扣件的檢測和維修保養。
3.2、在腳手架的使用期間嚴禁拆除主節點處的縱、橫向水平桿、掃地桿及連牆件。不得在腳手架基礎及相鄰處進行挖掘作業,否則應採取安全措施。
3.3、腳手架使用中,應定期檢查桿件設置的連接、連牆件、支撐、門洞桁架等的構造是否符合要求:地基是否有積水、底座是否有松動,立桿是否懸空;扣件是否松動;腳手架的垂直度偏差;安全防護措施是否符合要求,是否超載。
3.4、施工現場帶電線路如無可靠的安全措施,一律不準通過腳手架。
懸挑式卸料鋼平台安全施工方案
1.荷載參數
腳手板類別:竹笆片腳手板,腳手板自重標准值(kN/m2):0.30;
欄桿、擋板類別:欄桿竹笆片,欄桿、擋板腳手板自重標准值(kN/m2):0.15;
施工人員等活荷載(kN/m2):2.00,最大堆放材料荷載(kN):10.00。
2.懸挑參數
內側鋼繩與牆的距離(m):2.50,外側鋼繩與內側鋼繩之間的距離(m):1.90;
上部拉繩點與懸挑梁牆支點的距離(m):3.00;
鋼絲繩安全系數K:10.00,懸挑梁與牆的接點按 鉸支 計算;
預埋件的直徑(mm):50.00。
3.水平支撐梁
主梁槽鋼型號:18號槽鋼槽口水平 ;
次梁槽鋼型號:10號槽鋼槽口水平 ;
次梁槽鋼間距(m):1.00,最里端次梁與牆的最大允許距離(m):0.20。
4.卸料平台參數
水平鋼梁(主梁)的懸挑長度(m):4.50,水平鋼梁(主梁)的錨固長度(m):0.30;
平台計算寬度(m):2.20。
二、次梁的驗算:
次梁選擇 10號槽鋼槽口水平 ,間距1.00m,其截面特性為:
面積 A=12.74cm2;
慣性距 Ix=198.30cm4;
轉動慣量 Wx=39.70cm3;
回轉半徑 ix=3.95cm;
截面尺寸:b=48.0mm,h=100.0mm,t=8.5mm。
1.荷載計算
(1)腳手板的自重標准值:本例採用竹笆片腳手板,標准值為0.30kN/m2;
Q1 = 0.30× 1.00= 0.30kN/m;
(2)最大的材料器具堆放荷載為10.00kN,轉化為線荷載:
Q2 = 10.00/ 4.50/ 2.20× 1.00= 1.01kN/m;
(3)槽鋼自重荷載 Q3= 0.10kN/m;
經計算得到 靜荷載設計值 q = 1.2×(Q1+Q2+Q3) = 1.2×(0.30+1.01+0.10) = 1.69kN;
經計算得到 活荷載設計值 P = 1.4× 2.00× 1.00× 2.20= 6.16kN。
2.內力驗算
內力按照集中荷載P與均布荷載q作用下的簡支梁計算,計算簡圖如下:
最大彎矩M的計算公式為:
經計算得到,最大彎矩 M = 1.69×2.202/8+6.16×2.20/4=4.41kN.m。
3.抗彎強度驗算
次梁應力:
其中 γx -- 截麵塑性發展系數,取1.05;
[f] -- 鋼材的抗壓強度設計值,[f] = 205.00 N/mm2;
次梁槽鋼的最大應力計算值 σ =4.41×103/(1.05×39.70)=105.80 N/mm2;
次梁槽鋼的最大應力計算值 σ =105.800 N/mm2 小於 次梁槽鋼的抗壓強度設計值 [f]=205.000 N/mm2,滿足要求!
4.整體穩定性驗算
其中,φb -- 均勻彎曲的受彎構件整體穩定系數,按照下式計算:
經過計算得到 φb=570×8.50×48.00×235/(2.20×100.00×235.0)=1.06;
由於 φb大於0.6,按照下面公式調整:
得到 φb=0.803;
次梁槽鋼的穩定性驗算 σ =4.41×103/(0.803×39.700)=138.30 N/mm2;
次梁槽鋼的穩定性驗算 σ =138.304 N/mm2 小於 次梁槽鋼的抗壓強度設計值 [f]=205.000 N/mm2,滿足要求!
三、主梁的驗算:
根據現場實際情況和一般做法,卸料平台的內鋼繩作為安全儲備不參與內力的計算。
主梁選擇 18號槽鋼槽口水平 ,其截面特性為:
面積 A=29.29cm2;
慣性距 Ix=1369.90cm4;
轉動慣量 Wx=152.20cm3;
回轉半徑 ix=6.84cm;
截面尺寸,b=70.00mm,h=180.00mm,t=10.5mm;
1.荷載驗算
(1)欄桿與擋腳手板自重標准值:本例採用欄桿竹笆片,標准值為0.15kN/m;
Q1 = 0.15kN/m;
(2)槽鋼自重荷載 Q2=0.23kN/m
靜荷載設計值 q = 1.2×(Q1+Q2) = 1.2×(0.15+0.23) = 0.45kN/m;
次梁傳遞的集中荷載取次梁支座力 P = (1.69×2.20+6.16)/2=4.94kN;
2.內力驗算
懸挑卸料平台示意圖
懸挑卸料平台水平鋼梁計算簡圖
懸挑水平鋼梁支撐梁剪力圖(kN)
懸挑水平鋼梁支撐梁彎矩圖(kN.m)
懸挑水平鋼梁支撐梁變形圖(mm)
卸料平台的主梁按照集中荷載P和均布荷載q作用下的連續梁計算,由矩陣位移法,得到:
R[1] = 15.067 kN;
R[2] = 16.593 kN;
最大支座反力為 Rmax=16.593 kN.m;
最大彎矩 Mmax=12.910 kN.m;
最大撓度 V=8.749 mm。
3.抗彎強度驗算
其中 x -- 截麵塑性發展系數,取1.05;
[f] -- 鋼材抗壓強度設計值,[f] = 205.00 N/mm2;
主梁槽鋼的最大應力計算值 σ =1.29×107/1.05/152200.0+2.43×104/2929.000=89.092 N/mm2;
主梁槽鋼的最大應力計算值 89.092 N/mm2 小於 主梁槽鋼的抗壓強度設計值 [f]=205.00 N/mm2,滿足要求!
4.整體穩定性驗算
其中 φb -- 均勻彎曲的受彎構件整體穩定系數,按照下式計算:
φb=570×10.5×70.0×235/(4500.0×180.0×235.0)=0.517;
可得 φb=0.517;
主梁槽鋼的穩定性驗算 σ = 1.29×107/(0.517×152200.00)=164.00 N/mm2;
主梁槽鋼的穩定性驗算 σ = 164.00 N/mm2 小於 [f]=205.00,滿足要求!
四、鋼絲拉繩的內力驗算:
水平鋼梁的垂直支坐反力RCi和拉鋼繩的軸力RUi按照下面計算,
RCi = RUisinθi
其中 RCi -- 水平鋼梁的垂直支坐反力(kN);
RUi -- 拉鋼繩的軸力(kN);
θi -- 拉鋼繩的軸力與水平鋼梁的垂直支坐反力的夾角;
sinθi = Sin ( 90 - ArcTan ( ( Lio + li ) / Lw ) ) = 0.563;
根據以上公式計算得到外鋼繩的拉力為:RUi = RCi / sinθi;
RU1 = 15.067 / 0.563 = 26.75 kN;
五、鋼絲拉繩的強度驗算:
鋼絲拉繩(斜拉桿)的軸力RU取最大值進行驗算,為26.75kN;
如果上面採用鋼絲繩,鋼絲繩的容許拉力計算公式:
其中[Fg]-- 鋼絲繩的容許拉力(kN);
Fg -- 鋼絲繩的鋼絲破斷拉力總和(kN);
計算中近似取Fg=0.5d2,d為鋼絲繩直徑(mm);
α -- 鋼絲繩之間的荷載不均勻系數,對6×19、6×37、6×61鋼絲繩分別取0.85、0.82和0.8;
K -- 鋼絲繩使用安全系數。
計算中[Fg]取26.746kN,α=0.820,K=10.000,得到:d=25.5mm。
鋼絲繩最小直徑必須大於26.000mm才能滿足要求!
六、鋼絲拉繩拉環的強度驗算:
取鋼絲拉繩(斜拉桿)的軸力最大值RU進行計算作為拉環的拉力N為:
N=RU=26745.518N。
拉環強度計算公式為:
其中, [f]為拉環鋼筋抗拉強度,按照《混凝土結構設計規范》10.9.8所述在物件的自重標准值作用下,
每個拉環按2個截面計算的。拉環的應力不應大於50N/mm2,故拉環鋼筋的抗拉強度設計值[f]=50.0N/mm2;
所需要的拉環最小直徑 D=[26745.5×4/(3.142×50.00×2)]1/2=26.1mm。
七、操作平台安全要求:
1.卸料平台的上部拉結點,必須設於建築物上,不得設置在腳手架等施工設備上;
2.卸料平台安裝時,鋼絲繩應採用專用的掛鉤掛牢,建築物銳角口圍系鋼絲繩處應加 補軟墊物,平台外口應略高於內口;
3.卸料平台左右兩側必須裝置固定的防護欄;
4.卸料平台吊裝,需要橫梁支撐點電焊固定,接好鋼絲繩,經過檢驗後才能松卸起重吊鉤;
5.卸料平台使用時,應有專人負責檢查,發現鋼絲繩有銹蝕損壞應及時調換,焊縫脫焊應及時修復;
6.操作平台上應顯著標明容許荷載,人員和物料總重量嚴禁超過設計容許荷載,配專人監督。
『拾』 vue2.0用腳手架搭建的官方例子怎麼用webpack打包 如何配置
前言 vue2 然後通過以下命令安裝 webpack cnpm install webpack -g 註:下面 orange 默認給出 npm 的安裝方案,安裝失敗請自行轉為 cnpm 安裝 在需要創建工程的位置運行 vue init webpack-simple 工程名字<工程名字不能用中文> 或者創建 vue1.0 的項目,只需將命令換成 vue init webpack-simple#1.0 這里我們基於 2.x 開發的,直接使用第一種方法創建工程即可,下圖是創建工程時的截圖,需要你添加 Project name,Project description,Author. 圖中已經給出下一步應該操作的步驟,我們按照步驟一步一步執行,這里 orange 不給大家一步一步列出。 注意:這里一定要使用 npm install 安裝官方庫,而不要使用淘寶鏡像,會導致部分依賴丟失。 安裝完成後,目錄如下圖。 然後我們運行我們的項目後瀏覽器會自動彈出,並展示以下頁面 這里注意觀察,默認給我們八個鏈接,可以根據這幾個鏈接獲得我們想要的學習資源,上面是必要的的鏈接(官方文檔以及關注 vue 動態),下面是 vue 的生態系統,大家親切的叫它們為全家桶。 二、Vue 全家桶 我們接下來介紹全家桶的安裝(使用詳情大家可以去初始頁面的鏈接查看) 一句命令搞定全家桶 npm install vue-router vue-resource vuex --save package.json 已經加入了我們的全家桶,node_moles 目錄下也有對應的依賴包,注意這里現在還不能用擴展之後的方法,因為我們沒引入到項目中來。 src/main.js 修改如下 import Vue from 'vue' import VueResource from 'vue-resource' import VueRouter from 'vue-router' import Vuex from 'vuex' import App from './App.vue' Vue.use(VueResource) Vue.use(VueRouter) Vue.use(Vuex) new Vue({ el: '#app', render: h => h(App) }) 這時我們的項目就能運行對應的擴展方法了 三、集成 Sass 作為移動端的開發怎麼能缺少 css 預編譯語言。sass 安裝需要幾個依賴。 我們乾脆在 package.json 把版本寫死,然後通過 npm install 安裝 在 "devDependencies": {} 中添加下面幾個依賴 "node-sass": "^3.8.0", "sass": "^0.5.0", "sass-loader": "^4.0.0", 好,我們 npm install 後,就可以正式使用 sass 啦 四、目錄結構建議 依賴的安裝到這里差不多結束了,其它大家需要的可以自定義安裝 下面給出我的目錄建議供大家參考, 這里的 img 目錄放置圖片,script 目錄放置公共的工具函數,style 目錄放置我們的 sass 文件, 你查看 App.vue 文件時不難發現,默認的把樣式文件給到了模塊里,這樣樣式一直跟著模塊 orange 建議大家不要這樣做,因為這樣十分不利於樣式的模塊化,注意區分與模版模塊化的區別, 我們單獨設置 style 目錄,並在目錄當中對 sass 進行模塊化處理(通過 import 引入 sass 模塊) 對應的 App.vue 也變得非常簡潔,代碼如下 <style lang="sass"> @import "/style/base.scss"; </style> 五、rem 適配 對於移動端的開發,rem 適配必不可少,我們可以用多種方式實現,下面給出一種方案 在 index.html 中添加如下代碼 <script> let html = document.documentElement; window.rem = html.getBoundingClientRect().width / 16 ; html.style.fontSize = window.rem + 'px'; </script> 這里基於寬 320px 的屏幕分成了 16 份,也就是 1rem = 20px,目前大多數設計稿都是根據 iphone6 的寬( 375px )走的,建議大家在這里分成 25 份,也就是 1rem = 15px,計算起來方便些。 簡單說下 rem 原理:根據 html 的 fontSize 屬性值為基準,其它所有的 rem 值,根據這個基準計算。 我們根據屏幕寬度用 js 動態修改了 html 的 fontSize 屬性值,達到移動端適配的目的 總結 以上就是這篇文章的全部內容了,本文作為移動端配置的基礎篇,深入了解框架後才能繼續構建網站,希望這是一個好的開始,有了這個架子再填充代碼就方便了許多,不用再去考慮開發環境問題了。希望本文的內容對有需要的朋友們能有所幫助。