vue cli 搭建vue專案

2021-09-02 16:42:23 字數 1051 閱讀 5481

安裝完成後，開啟命令列工具輸入命令node -v，如果出現對應版本號，就說明安裝成功了。

npm包管理器，是整合在node中的，所以，直接輸入npm -v也會顯示出npm的版本資訊。

由於npm的有些資源被牆，為了更快更穩定,所以我們需要切換到**的npm映象——cnpm。

$ npm install -g cnpm --registry=
在用 vue.js 構建大型應用時推薦使用 npm 安裝，npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。vue.js 也提供配套工具來開發單檔案元件。

$ cnpm install vue
vue-cli 提供乙個官方命令列工具，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案：

# 全域性安裝 vue-cli


$ cnpm install --global vue-cli
選定目錄，建立專案

# my-project為自定義專案名


# 初始化乙個專案


$ vue init webpack my-project
初始化乙個簡單的專案

$ vue init webpack-****** my-project
初始化命令的時候會輸入幾個基本的選項，如專案名稱，描述，作者等資訊，如果不想填直接回車預設（專案名稱不能大寫）

vue cli搭建vue專案

生成依賴 命令 npm install 4.執行命令 npm run dev 5專案打包命令 npm run build 檢測node版本 node v 檢視npm安裝 npm v 解除安裝vue cli2 npm uninstall vue cli g 安裝vue cli3 npm install...

vue cli 搭建vue專案

前提搭建好nodejs環境 vue cli是vue.js的腳手架，用於自動生成vue.js webpack的專案模板，建立命令如下 vue init webpack 注1 為自己建立專案的名稱 注2 必須先安裝vue,vue cli，webpack，node等一些必要的環境 命令 npm insta...

vue cli搭建vue專案

vue cli搭建vue專案 進入要搭建的檔案目錄下輸入命令開始安裝 網速好，可以用npm 網速差的用 映象cnpm g是全域性安裝 d vuedemo cnpm install vue cli g出現以下介面 可以進行下一步 2.檢視是否安裝成功命令 vue v 注 後面的v 是大寫的 會出現版本...