1.1 安裝vue-cli 腳手架 --> npm install -g vue-cli
驗證安裝是否成功:vue
1.2 到建立專案的路徑,建立專案 --> vue init webpack 《專案名稱》
1.0的專案的話,vue init webpack#1.0 《專案名稱》
檢視預設的模板--> vue list
結果:5個模板,分別是browserify,browserify-******,
******,webpack,webpack-******
此處建立的是乙個webpack模板
出現:project name:專案的名稱
project description :專案描述
author <*** <***郵箱位址》
vue build (預設 :standalone)
install vue-router? :是否建立路由
use eslint to lint your code? (y/n) :使用eslint依賴規範你的**
pick an eslint preset standard :eslint 預設選項
setup unit tests with karma + mocha? :是否使用單元測試
setup e2e tests with nightwatch? :是否e2e測試
1.3 生成的檔案路徑下,自動載入
進入建立檔案路徑 -->cd 《專案名稱》
檢視檔案 -->dir (或者直接到對應的目錄下面進行檢視)
1.4 安裝模組下**的依賴 -->npm install(過程比較漫長)
1.5 安裝成功後多了乙個node_modeles目錄
執行 --> npm run dev
出現: strating dev server
(8080埠是預設的,可能會出現埠占用的情況,更改乙個即可)
1.6 在瀏覽器中可以看到建立的乙個初始專案
安裝vue cli並建立乙個專案執行
vue cli可以幫助我們快速建立乙個專案,這樣我們直接寫元件和路由以及做其他事就可以了,其他的不用關心。先安裝vue cli,g表示全域性安裝。當然,你要先安裝node,此處略過 基本上都是回車確認就可以建立專案了。author可以自定義你的名稱。除了一些選擇no即可。不no也行。安裝好所有的專案...
使用vue cli腳手架建立乙個vue專案
環境配置 配置node環境 方法可以去網上查詢按照步驟來,安裝完成之後執行命令 npm v 顯示版本號就可以了。記得設定映象環境,不然會很慢 安裝vue 執行命令npm i g vue cli 安裝最新版本的vue,完成後執行vue v顯示版本號就成功了。安裝成功以後,後面就不需要再安裝了 以下是專...
vue cli建立uni app專案 (一)
官網位址 uni ui vue cli eslint規則外掛程式 vs code 安裝eslint外掛程式 webstorm 安裝eslint外掛程式 vue cli3環境變數和分環境打包 vue cli 4.2.3我用的版本也可適用 mac下輸出專案目錄結構 未完待續 詳細操作 以下開始詳情操作,...