vue前端項目訪問路徑在哪?cli：翻譯為命令行界面，俗稱是腳手架，我來為大家科普一下關于vue前端項目訪問路徑在哪?以下内容希望對你有幫助!

vue前端項目訪問路徑在哪

cli：翻譯為命令行界面，俗稱是腳手架。

vue cli 是官方發布vue.js項目腳手架，使用vue-cli可以快速搭建vue開發環境以及對應的webpack配置。

NPM全稱是Node Package Manager，是一個NodeJs包管理和分發工具，已經成為非官方的發布 Node模塊(包)的标準。

通過NPM安裝開發過程中的一些依賴包。

由于國内安裝npm的官方鏡像很慢，這裡推薦使用淘寶NPM鏡像。

你可以使用淘寶定制的cnpm(gzip壓縮支持)命令工具代替默認的npm。

就使用了webpack模闆對所有的資源會壓縮等優化操作。

它在開發過程中提供了一套完整的功能，能夠使得我們在開發中變得高效。

npm install -g @vue/cli

安裝之後查看版本 vue -v

vue init webpack vue-project(項目名)

package.json： "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" },

build下邊的build.js文件 node是可以執行文件的。

node是為了js提供了一個運行環境，node是用c 開發的，核心是v8引擎。

谷歌用的v8引擎，為啥v8引擎速度快？

因為：js先生成字節碼，再把字節碼跑在浏覽器上，v8引擎跳過了字節碼，直接把js編譯成了二進制碼，build.js: 裡邊用了rm(remove縮寫)執行命令，删除之前打包過的文件夾， 再通過webpack拿到webpackConfig配置

webpackConfig是什麼東西？

const webpackConfig = require('./webpack.prod.conf')

合并基礎配置（導出導入的一些路徑地址，配置的css等一些規則）和一些特殊的配置

webpack-dev-server：本地服務

--inline --progress --config 進程

build/webpack.dev.conf.js 一些dev本地的配置

是配置了一些變量（變量名可以更改的）

是node一些包，開發中依賴的一些包。

是寫開發者自己的代碼的

是放一些靜态的資源，如果把一些靜态的放這裡，到時候會打包會原封不動的打包進去。

我們知道，會把es6轉成es5，到底是那些轉？ { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] // > 1% 市場份額大于1%的浏覽器适配， // last 2 versions 并且是最後的兩個版本 // not ie <= 8 ie<=8就不要考慮了 } }], "stage-2" 階段 ], "plugins": ["transform-vue-jsx", "transform-runtime"] // 轉化的時候依賴的一些插件 }

對代碼進行一些統一

代碼做一些檢查的時候忽略的文件

代碼檢測配置

上傳服務器的時候，不需要上傳

css轉化需要的

所需要的依賴的包

記錄安裝的真實版本

例如："vue-router": "^3.0.1" ^這個符号的意思是安裝大于這個版本的依賴，并不一定是這個版本

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!