vue環境搭建,vue專案建立

2021-07-27 10:14:00 字數 1025 閱讀 9660

vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓:

1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。

這裡有乙個小技巧:如果在cmd中直接使用npm來安裝的一些工具的話會比較慢,所以我們使用**的npm映象:

輸入npm install -g cnpm –registry=即可安裝npm映象,以後再用到npm的地方直接用cnpm來代替就好了

安裝完npm映象後,開始安裝全域性vue-cli腳手架,之所以要用vue-cli,是應為這個工具能幫我們搭建好我們需要的模板框架,比較簡單。方法:cnpm install -g vue-cli 回車,驗證是否安裝成功,在命令列中輸入vue,出來vue的資訊說明安裝成功

2.安裝完腳手架以後開始,開始建立乙個新專案:命令 vue init webpack vue_project(最後這個是我建立的專案資料夾的名字)

這就是使用腳手架搭建的專案檔案的結構

3.因為各個模板間都是相互依賴的,所以要安裝依賴,用命令進入專案後cd my_project,在命令列輸入cnpm install ,你會發現在已經建立的專案結構裡面會多出乙個node_modules的資料夾,裡面就是剛才安裝的所有依賴。

8080就是預設的埠,在瀏覽器位址列中輸入localhost:8080會發現預設的模組開啟了!

注:如果已經全域性安裝過vue-cli了,再搭建專案的時候無需再安裝一遍,直接使用vue init webpack 專案名 即可

vue 環境搭建及專案建立

vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...

vue 環境搭建(建立執行專案)

如何搭建vue環境 1 安裝之前必須要安裝 node.js 2 搭建vue環境,安裝vue的腳手架工具 npm install global vue cli cnpm install global vue cli建立vue專案 vue init webpack my project如果是別人給你的專...

vue環境搭建及建立專案

安裝完成後檢視對應的node和npm版本,如沒有出現對應版本號則代表安裝失敗 安裝vue cli vue腳手架 安裝vue cli之前確保要先是否安裝webpack webpack安裝命令 npm install webpack g 安裝好後開始安裝 vue cli npm install g vu...