cue cli腳手架搭建專案

2021-08-21 04:05:52 字數 362 閱讀 7349

vue兩大核心思想:元件化和資料驅動。

元件化:把整體分為各個可以復用的個體,資料驅動:通過資料變化直接影響bom展示,避免dom操作。

vue.js安裝-npm方法

1.檢視版本 npm -v

2.公升級npm cnpm install npm -g

# 全域性安裝 vue-cli

npm install --global vue-cli

# 建立乙個基於 webpack 模板的新專案

vue init webpack my-project

進入專案,安裝並執行:

cd my-project

npm install

npm run dev

002 搭建專案腳手架

第一步 利用vue官方腳手架vue cli的基礎上,搭建好自定義,如圖所示的目錄結構及所需腳手架檔案。目錄 build用來存放webpack相關配置和指令碼。config 主要存放配置檔案,用於區分開發環境 測試環境 線上環境的不同。src專案原始碼及需要引用的資源檔案,分為客戶端與服務端。stat...

vue腳手架搭建專案

首先安裝node,npm會自動安裝,node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...

vue cli(vue腳手架)搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案。這篇文章將會從實操的角度,介紹整個搭建的過程。其實這次使用vue cli的過程並不順利,反覆嘗試幾次都遇到以下這個報錯 建立vue cli工程專案時的報錯 在網上查了很多資料才發現原來是nod...