vue提供的CLI工具初始化專案

2021-09-25 13:03:47 字數 810 閱讀 2559

雖然在vue.js博文中已經有了,但是單獨拿出來再記錄一下,因為我還有點懵

vue剛學不久,感覺**亂七八糟的,好像是感覺還不如以前的html+css+jq擼**來的實在,先不管了,記錄一下吧

再記錄一下,下次找博文懶得去翻

第一步:安裝cli工具

npm install -g @vue/cli

第二步:檢視版本號,順便檢測是否安裝成功

vue -v

第三步:開始配置專案(vue使用詢問的方式讓我們選擇初始化)

依次詢問:

project name:專案名

project description: 專案描述

author: 作者

vue build:構建的型別,方向鍵上下選擇

第一種:配合大部分的開發人員(選擇這個)

第二種:僅僅中有runtime

install vue-router?  是否安裝vue-router  ( y)

use eslint to lint your code? 這個是檢測語法錯誤的外掛程式,詢問是否使用這個外掛程式  (y)

pick an eslint preser:使用哪種語法規範來檢查我們的**?

standard: 標準規範  (選擇這個)

airbnb: 愛彼迎規範

set up unit test: 設定單元測試  n

setup e2e tests: 設定端對端測試 n

npm run dev // 使用命令啟動專案

vue 初始化請求例子 Vue例項初始化

vue的建構函式new vue 一切都是從vue的建構函式開始的.當執行了npm run dev的構建過程就是執行這些初始化的過程,首先在node modules中找到vue原始碼,core檔案是對vue核心的包裝,入口檔案index.js,先從乙個建構函式開始,然後在vue的prototype上進...

vue初始化專案

速查 vue v npm v sudo npm install global vue cli sudo npm install g vue cli init 進入包下 vue init webpack home檢查node和npm版本 node vv14.3.0 npm v6.14.5 安裝vue ...

vue初始化專案

1 初始化專案 命令 f vueworkspace vue init webpack demo project 2 建立好的專案目錄結構 其中 build 專案構建 webpack 相關 檔案說明 build.js 生產環境構建指令碼 check versions.js 檢查npm node.js版...