1碍侦、初始化Vue項目
步驟一：安裝node.js傻咖；
步驟二：安裝npm罢维；
步驟三：安裝全局vue-cli腳手架旷余；
步驟四：使用vue-cli初始化項目奕扣。vue init webpack projectName薪鹦；
步驟五：安裝需要的依賴。
最后腳手架生成的目錄結(jié)構(gòu)如下：
2惯豆、包管理工具與配置項
1）npm 與 package.json
npm 是 Node Package Manager 的簡稱池磁，顧名思義，它是 node 的包管理工具楷兽。
package.json這一文件地熄，該文件便是我們需要了解的包管理文件⌒旧保可以看到該文件是由一系列鍵值對構(gòu)成的 JSON 對象端考。
scripts 腳本命令的配置，我們在終端啟動項目運行的npm run serve命令其實便是執(zhí)行了 scripts 配置下的 serve 項命令vue-cli-service serve揭厚，我們可以在 scripts 下自己修改或添加相應(yīng)的項目命令却特。
dependencies 和 devDependencies 分別為項目生產(chǎn)環(huán)境和開發(fā)環(huán)境的依賴包配置，也就是說像@vue/cli-service這樣只用于項目開發(fā)時的包我們可以放在 devDependencies 下棋弥，但像vue-router這樣結(jié)合在項目上線代碼中的包應(yīng)該放在 dependencies 下核偿。
2）常用命令
3）第三方插件配置
在package.json 文件中我們可以看到有 browserslist 這一配置項，該配置的主要作用是用于在不同的前端工具之間共享目標(biāo)瀏覽器和 Node.js 的版本顽染。
