1. 程式人生 > >npm包管理 vue-cli建立vue專案

npm包管理 vue-cli建立vue專案


title: NPM VUE-CLI

node
    npm
        npm管理專案 
            npm init -y
            npm install [email protected]
            npm uninstall xxx
            npm i  下載package.json所有的依賴
    webpack
        預設的入口檔案
            手動建立的src/index.js
        預設的出口檔案
            dist/main.js
        webpack --mode development/production
    vue-cli
        腳手架幫助我們搭建Vue專案的
        下載
            npm i vue-cli -g
        用vue-cli搭建專案
            vue init webpack 專案名稱
        啟動專案    
            cd 專案目錄下
            npm run dev
    vue-cli專案目錄
        build  打包後存放的所有檔案包括配置檔案
        config  配置檔案
        node_models 依賴包
        src 工作目錄
        static 靜態檔案
        index.html 單頁面應用
        package.json  存放所有專案資訊
    路由的解耦
        -- 下載 npm i vue-router
        -- 匯入 import VueRouter from "vue-router"
        -- Vue.use(VueRouter)
        -- 定義匹配規則url
        -- 例項化VueRouter  
        -- 把VueRouter物件註冊到Vue的根例項裡