通過vue cli建立乙個專案

2021-07-30 08:19:47 字數 1048 閱讀 6593

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下輸出專案目錄結構 未完待續 詳細操作 以下開始詳情操作,...