• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      VUE進階篇Part10(使用vue--cli腳手架一鍵搭建工 程)

      2019-6-10    seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

      按照這個來配置就好了,這里相當于是幫你把webpack需要的繁瑣的配置給你都弄好了,然后你直接從那里全部下下來就可以

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

      安裝完nodejs之后再安裝淘寶npm鏡像,安裝完了之后后面的安裝速度會快一點

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

      1、全局安裝vue-cli

      npm install -g vue-cli
      1
      2、進入目錄–初始化項目

      vue init webpack my-project //這個要進入項目目錄再用,會創建一個my-project的文件夾
      1
      3、進入項目

      cd my-project
      1
      4、安裝依賴

      npm install
      1
      5、啟動項目

      npm run dev
      1
      以上執行完后會出現一個 my-project 項目文件夾,用vscode打開后會看到以下目錄

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

      目錄結構的分析

      1、bind
      ├── build // 項目構建(webpack)相關代碼 記憶:(夠賤) 9個
      │ ├── build.js // 生產環境構建代碼
      │ ├── check-versions.js // 檢查node&npm等版本
      │ ├── dev-client.js // 熱加載相關
      │ ├── dev-server.js // 構建本地服務器
      │ ├── utils.js // 構建配置公用工具
      │ ├── vue-loader.conf.js // vue加載器
      │ ├── webpack.base.conf.js // webpack基礎環境配置
      │ ├── webpack.dev.conf.js // webpack開發環境配置
      │ └── webpack.prod.conf.js // webpack生產環境配置

      2、config
      ├── config// 項目開發環境配置相關代碼 記憶: (環配) 3個
      │ ├── dev.env.js // 開發環境變量(看詞明意)
      │ ├── index.js //項目一些配置變量
      │ └── prod.env.js // 生產環境變量

      3、node_modules
      ├──node_modules// 項目依賴的模塊 記憶: (依賴) *個

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

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

      5、static
      └── static// 靜態文件,比如一些圖片,json數據等
      │ ├── .gitkeep

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

      藍藍設計www.li-bodun.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.li-bodun.cn

      存檔

      主站蜘蛛池模板: 草草浮力影院| 岛国一区二区三区高清视频| 欧美极度丰满熟妇hd| 国产成人午夜精品影院| 中文字幕无码免费久久99| 国产精品老熟女露脸视频| 九色综合国产一区二区三区| 色综合久久精品中文字幕| 成人午夜精品网站在线观看| 亚洲午夜18| 国产乱人伦AV在线麻豆A| 免费毛片视频网站| 国产精品99久久99久久久动漫| 麻豆人妻少妇精品无码专区| 日韩高清中文字幕| 国产精品一区二区av交换| 国产精品无码专区综合网 | 国产老熟女一区二区三区| 精品熟女少妇a∨免费久久| 国产乱码精品一区二区三区四川人| 亚洲精品视频网| 一本一道色欲综合网中文字幕| 久久特级毛片| 亚洲成年轻人电影网站www| 国产精品久久久久不卡无毒| 九九热精品视频在线| 日韩精品a片一区二区三区妖精| 日韩无人区码卡1卡2卡| 国产亚洲成av片在线观看| 婷婷伊人久久大香线蕉av| 中文字幕亚洲精品第一页| 欧洲av在线不卡s| 亚洲国产精品老熟女乱码| 中文字幕国产精品自拍| 国产精鲁鲁网在线视频| 成人免费无遮挡在线播放| 26uuu在线欧美| 亚洲gay片在线gv网站| 欧美成人精品福利视频| 亚洲国产成人精品无码区宅男 | 国产成人啪视频一区二区三区|