• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      VUE進(jìn)階篇Part10（使用vue--cli腳手架一鍵搭建工 程）
      
				
      
					
       2019-6-10      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

      

      
    按照這個(gè)來(lái)配置就好了，這里相當(dāng)于是幫你把webpack需要的繁瑣的配置給你都弄好了，然后你直接從那里全部下下來(lái)就可以
      

      
記得先下好nodejs，安裝的代碼記得全都c v，不要自己敲
      

      
安裝完nodejs之后再安裝淘寶npm鏡像，安裝完了之后后面的安裝速度會(huì)快一點(diǎn)
      

      
npm install -g cnpm --registry=https://registry.npm.taobao.org
      
1
      
然后按照下面的五步流程一個(gè)一個(gè)來(lái)
      

      
1、全局安裝vue-cli
      

      
npm install -g vue-cli
      
1
      
2、進(jìn)入目錄–初始化項(xiàng)目
      

      
vue init webpack my-project //這個(gè)要進(jìn)入項(xiàng)目目錄再用，會(huì)創(chuàng)建一個(gè)my-project的文件夾
      
1
      
3、進(jìn)入項(xiàng)目
      

      
cd my-project
      
1
      
4、安裝依賴
      

      
npm install
      
1
      
5、啟動(dòng)項(xiàng)目
      

      
npm run dev
      
1
      
以上執(zhí)行完后會(huì)出現(xiàn)一個(gè) my-project 項(xiàng)目文件夾，用vscode打開(kāi)后會(huì)看到以下目錄
      

      
下面解釋一下這些文件及目錄分別是干什么的
      

      
目錄結(jié)構(gòu)的分析
      

      
1、bind
      
├── build // 項(xiàng)目構(gòu)建(webpack)相關(guān)代碼 記憶：（夠賤） 9個(gè)
      
│ ├── build.js // 生產(chǎn)環(huán)境構(gòu)建代碼
      
│ ├── check-versions.js // 檢查node&npm等版本
      
│ ├── dev-client.js // 熱加載相關(guān)
      
│ ├── dev-server.js // 構(gòu)建本地服務(wù)器
      
│ ├── utils.js // 構(gòu)建配置公用工具
      
│ ├── vue-loader.conf.js // vue加載器
      
│ ├── webpack.base.conf.js // webpack基礎(chǔ)環(huán)境配置
      
│ ├── webpack.dev.conf.js // webpack開(kāi)發(fā)環(huán)境配置
      
│ └── webpack.prod.conf.js // webpack生產(chǎn)環(huán)境配置
      

      
2、config
      
├── config// 項(xiàng)目開(kāi)發(fā)環(huán)境配置相關(guān)代碼 記憶： （環(huán)配） 3個(gè)
      
│ ├── dev.env.js // 開(kāi)發(fā)環(huán)境變量（看詞明意）
      
│ ├── index.js //項(xiàng)目一些配置變量
      
│ └── prod.env.js // 生產(chǎn)環(huán)境變量
      

      
3、node_modules
      
├──node_modules// 項(xiàng)目依賴的模塊 記憶： （依賴） *個(gè)
      

      
4、src
      
├── src// 源碼目錄 5
      

      
1
      
│ ├── assets// 資源目錄
      
│ │ └── logo.png
      
2
      
│ ├── components// vue公共組件
      
│ │ └── Hello.vue
      
3
      
│ ├──router// 前端路由
      
│ │ └── index.js// 路由配置文件
      
4
      
│ ├── App.vue// 頁(yè)面入口文件（根組件）
      
5
      
│ └── main.js// 程序入口文件（入口js文件）
      

      
5、static
      
└── static// 靜態(tài)文件，比如一些圖片，json數(shù)據(jù)等
      
│ ├── .gitkeep
      

      
6、剩余的文件
      
├── .babelrc// ES6語(yǔ)法編譯配置
      
├── .editorconfig// 定義代碼格式
      
├── .gitignore// git上傳需要忽略的文件格式
      
├── index.html// 入口頁(yè)面
      
├── package.json// 項(xiàng)目基本信息
      
├── README.md// 項(xiàng)目說(shuō)明
      
--------------------- 
      

      
藍(lán)藍(lán)設(shè)計(jì)( www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
      
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
国产成人A片|
日韩色导航|
亚州九九久久|
岳的下面好紧好爽视频|
国产丰满乱子伦无码专区|
内射在线播放|
国内视频自拍|
狠狠丁香激情久久综合|
国产乱子伦真实精品!|
亚洲一区二区中文|
婷婷激情久久|
66精品人妻|
香港三级欧美国产精品|
亚洲国产精品VA在线看黑人|
亚洲乱码二区|
影音先锋熟女少妇av资源|
亚洲最大成人网站在线观看|
日韩一区二区av|
国产12页|
www香蕉成人片com|
波多野结衣无码视频一区二区三区|
新干县|
人妻无码中文专区久久综合|
日韩亚洲一区二区精品成人|
jizz国产|
黑人香蕉又粗又大视频免费|
国内老熟妇对白XXXXHD|
久久久久久久久久8888|
蜜桃一区二区免费视频观看|
久久精品一区|
中文字幕在线无遮挡|
国产精品成人无码a 无码|
中文无码日本一级A片久久影视|
巴楚县|
av偷拍亚洲一区二区三区|
国产91无码福利在线|
欧美日韩精品一区二区三区高清视频|
国产第1页|
国产69精品久久久久久久久久久久|
95sao国产在线观看免费|
男人天堂手机在线|