vue專案筆記 1

2022-02-14 04:18:22 字數 817 閱讀 6659

1.目錄結構劃分(src裡面的【原始碼中的目錄結構劃分】)

1.img資料夾   

2.css資料夾----------》

2.base.css -----------------》自己建立(body等樣式)

components 資料夾 : 元件庫   放公共的元件 ---------------------》

公共元件分為兩類 1.common(公共的)----》不侷限於當前專案,完全抽離出來的元件        

2.content  和當前專案業務相關的公共元件

views 資料夾 : 檢視 細分元件

router 資料夾:路由

store 資料夾: vuex 

common 資料夾 : 公共的js檔案

1.const.js

2.utils.js  工具類

2.在src平級處

新建乙個vue.config.js    起別名

module.exports ={

configurewebpack:{

resolve:{

alias:{

'assets':'@/assets',

'common':'@/common',

'components':'@/components',

'network':'@/network', 

'views':'@/views'

3.還需要有乙個.editorconfig檔案,用於統一規範化

vue 建立專案 1

1.進入專案所在資料夾 cd d vuepro 2.安裝node npm node v npm v 檢視是否安裝及版本號 3.安裝vue npm install g vue cli registry npm vue v 檢視是否安裝及版本號 4.建立專案框架 vue init webpack vue...

Vue 1 Vue專案入門

檢視官文 映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm regi...

VUE篇 1建立vue專案

1.先安裝node.js 參考 2 全域性安裝vue cli,vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli 出現這個就是成功了 3 安裝webpack,它是打包js的工具 安裝命令 npm install g webpack 出現這個就是成功了 ...