vue 從零搭建專案

2021-08-07 16:19:29 字數 1081 閱讀 9917

本地開發需要哪些工具

node.js(>=4.x, 6.x preferred),以及npm包管理器。(可以使用國內**的cnpm)。

webpack前端構建工具,將vue 模板編譯打包處理的工具

webpack是當下最熱門的前端資源模組化管理和打包工具,它可以將很多鬆散的模組按照以來以及一定的規則打包成符合生產環境的前端資源。同時,它還具有按需載入,等到實際需要的時候進行非同步載入。通過loader的轉換,在專案中任何形式的資源都可以被理解為模組。比如、css、less、sass等等。

vue-clivue腳手架工具,用來生成vue工程

1、 vue-cli

vue-cli是vue官方所提供的乙個腳手架工具,這裡面預設繼承了express以及webpack打包工具。
安裝vue-cli

npm install -g vue-cli
2、初始化專案 vue init
vue init webpack sell
初始化的構建工具選用webpack,sell是專案的名字,還有一些配置項的設定(如下圖)

初始化完sell這個專案後,

cd sell (進入sell資料夾)

npm install (將內部的依賴進行安裝)

npm run dev (開始dev環境)

執行npm run dev之後,瀏覽器上出現下面的頁面表示安裝成功

webpack配置項詳細可參考

VUE從零搭建專案 安裝環境

2.判斷是否安裝成功 命令 node v 3.判斷是否安裝npm npm是nodejs的包管理器,用於node外掛程式管理,包括安裝 解除安裝 管理依賴 npm v 4.npm安裝外掛程式命令 npm install name 5.安裝cnpm npmjs.org 映象,國內使用更方便 npm in...

從零搭建react專案

1,新建乙個空白資料夾 本文的資料夾boke cd到該目錄,開始初始化,這裡用yarn yarn init 或者 npm init y一路enter之後會生成乙個package.json檔案,內容如下 keywords author license isc 2,安裝webpack,為了避免出現不可知...

從零搭建React Native專案

reat native專案搭建,跟著官網文件 搭建環境,其實不難,不過新手可能還是會有些地方,覺得難理解,所以,寫個部落格,希望第一次用reat native的小夥伴,可以節省點時間,快速搭建專案,跑起hello word 開發平台是windows,目標平台是android,1.安裝依賴有 node...