npm使用vue開發總結

2021-08-26 05:23:55 字數 1044 閱讀 1441

常用命令:

1.編譯 npm run bulid

2.啟動 npm run dev

問題一:打包後,html檔案沒有引號

build目錄webpack.prod.conf.js有一項配置:removeattributequotes為false

如果是多頁面配置:

是在build/utils.js中

問題二:

單頁面配置:config目錄下index.js修改assetspublicpath: './'

如果是多頁面配置:

build/webpack.prod.conf.js檔案修改output選項

output: ,
問題三:使用vux需要修改less變數第二步修改webpack.base.conf.js檔案

新增:

,如下:

module.exports = vuxloader.merge(webpackconfig, ,}}

}]

第三步:放入less檔案

問題四:vue呼叫路由元件的方法

父元件:

子元件:

問題五:封裝元件使用v-model,封裝方法

父元件:

子元件:

使用npm搭建vue

0.1 開啟命令提示符視窗,輸入npm v 回車,有版本號顯示 說明npm已安裝。0.2 輸入node v 回車,有版本號顯示說明nodejs已經安裝。之後就可以直接安裝vue。命令輸入 1 npm install vue g 回車 安裝vue 2 npm install vue cli g 回車 ...

npm外掛程式開發 Vue外掛程式

vue init webpack npm vue ui,dependencies browserslist 1 last 2 versions not ie 8 devdependencies const path require path const webpack require webpack...

vue外掛程式開發 npm發布

vue init webpack projectname執行專案 cd projectname npm install npm run dev 在 src 資料夾下面建 lib 資料夾,用於存放外掛程式。lib 資料夾下再建 toast.js 和 toast.vue 兩個檔案。整個專案目錄如下所示 ...