vue2 安裝 storybook（6 x） 記錄

vue-cli 執行create操作 建立vue2專案vue create my-storybook

storybook的init操作npx sb init

引入sass

storybook文件指向的github倉庫有安裝sass的方法

yarn add -d @storybook/preset-scss css-loader sass sass-loader style-loader

module.exports = ;

4.啟動storybook 報錯vue-loader 自行安裝vue-loader

yarn add vue-loader

啟動storybook是預設webpack啟動的，webpack執行vue是需要vue-loader來處理的，而預設的vue-cli似乎是不需要（猜的

5.繼續報錯。猜測scss在vue單元件裡面無法解析，相關解決辦法應該是storybook的webpack配置裡面加入scss相關的loader配置

// .storybook/mian.js

const path = require('path');
module.exports = ) => );
// return the altered config
return config;
},}

最後根據專案需求再次安裝node-sass 版本不能過高

vue2新人入門

預設對webpack，sass，npm有一定的了解。一些vue指令不會說，反正官方文件有，我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...

Vue2學習筆記

v cloak v text v html v bind v on click.stop click.prevent click.capture click.self click.once v model.lazy trim number 或者通過vue的watch監聽來處理watch b func...

vue2 學習筆記

2.安裝vue腳手架 用於建立vue專案的 進入專案檔案或者新建乙個檔案 npm install vue cli g 3.根據模板建立專案 vue init webpack dome 工程名稱 工程名字 工程名字不能用中文 備註 use eslint to lint your code n 是是否開...