vue腳手架搭建專案

2021-09-25 13:33:20 字數 763 閱讀 6779

首先安裝node,

npm會自動安裝,

node -v 和 npm -v檢視是否安裝成功和版本

切換npm為cnpm使用**映象源 npm install cnpm -g --registry=

cnpm 檢視是否成功和版本號 安裝vue-cli cnpm install -g vue-cli #

vue -v檢視版本 進入指定資料夾

vue init webpack 專案名稱 建立乙個基於 webpack 模板的新專案

安裝專案所需要的依賴 cnpm install

執行專案 cnpm run dev 127.0.0.1:8080可直接訪問 config資料夾中可以修改一些配置項,如更改埠

打包上線 npm run build 打包完成後,會生成 dist 資料夾

vue-cli官網提供了5種模板:

1、webpack:乙個全面的 webpack+vue-loader 的模板,功能包括熱載入、linting、檢測和css擴充套件;

2、webpack-******:乙個簡單 webpack+vue-loader 模板,不包含其他功能,可以快速的搭建 vue 的開發環境;

3、browserify:乙個全面的 browserify+vueify 模板,功能包括熱載入、linting、單元測試;

4、browserify-******:乙個簡單的 browserify+vueify 模板,不包含其他功能,可以快速的搭建 vue 的開發環境;

5、******:乙個最簡單的單頁應用模板。

vue搭建腳手架專案

cli 3.0.0 g 安裝webpack打包工具 4 npm install webpack g 5 npm install g vue cli 安裝vue框架 6 新建vue專案路徑和專案及其所在的專案資料夾 後續安裝準備工作 7 cd c 個人 vuejs 然後enter回車鍵 開始找上乙個步...

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...