Vue腳手架 vue cli的安裝和使用

2021-10-07 01:45:42 字數 891 閱讀 3673

vue-cli是乙個腳手架工具,包含了諸多前端技術:

這些工具,他們大部分依賴兩個東西

node環境:很多任務具的執行環境

目前,npm已經和node整合,當安裝node後會自動安裝npm

開啟終端,node -v。npm -v會顯示版本資訊

npm config set registry

更改好之後,檢視原位址是否正確的被更改

npm config get registry

使用下面的命令安裝vue-cli工具

npm install -g @vue/cli

安裝好之後,檢查vue-cli是否安裝成功

vue --version

進入到目標路徑的終端下

vue create 工程名

注意:工程名由字母、數字、下劃線構成

1.cd到工程名目錄下

2.npm run serve -> 建立乙個自己的ip server,在瀏覽器中進入server不斷開發

3.開發完成,npm run build -> 打包src的開發**變為可執行**,在dist資料夾中

src:所有開發**都在裡面,包括元件,css,js,vue檔案

public:開發的,html檔案

dist:打包後的可執行檔案

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...

vue cli腳手架安裝

2.執行cmd,檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...

安裝腳手架vue cli

cnpm install global vue cli要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。可以使用 vue init webpack my project初始化乙個專案,或使用 vue init webpack my project執行初始化命令的時候回讓使用者輸入幾...