前端之--Vue學習筆記1

Vue環境：

1.安裝npm
        npm全稱Node Package Manager,是一個基於Node.js的包管理器，也是Node.js社區最流行、支持的第三方模塊最多的包管理器
npm -v

2.由於網絡原因安裝cnpm
       npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安裝vue-cli
       cnpm install -g @vue/cli

4.安裝webpack
       cnpm install -g webpack
       webpack 是JavaScript打包器（module bundle）

關於vue項目：

一.  vue ui --啓動vue的圖形化管理界面【圖形化界面打開之前得確認安裝vue-cli】

Create創建項目，修改文件路徑及文件名，包管理器選npm，Next，選擇默認設置，點擊創建。。。等待完成

二. 導入項目：文件目錄

node_modules：存放npm命令下載的開發環境和生產環境的依賴包

dist：默認 npm run build 命令打包生成的靜態資源文件，用於生產部署

public：項目配置文件

        index.html： 項目默認首頁模板文件 

src：項目源碼

    assets：靜態資源

     components：整個項目的組件目錄

     App.vue：項目最原始的根組件

    main.js：項目入口文件

pageage.json ：項目第三方依賴包

package-lock.json ： package的鎖文件

三. 相關命令

npm install   安裝更新包

npm run serve  啓動項目

npm run build 打包