vue family bucket realizes code sharing of a small mall

• First, install it globally

npm install -g @vue/cli
// 或
yarn global add @vue/cli

• Then after generating the project, you can find that the directory structure has become simpler. The build and config directories are gone. vue-cli still uses the webpack packaging tool but is configured by default. Only vue-config.js is left and will be used when you need to change the default configuration. I have not used it as an actual developer.

• Most people use templates and style preprocessing during the development process. These only need to install the corresponding dependencies. I use pug and sass to install the corresponding template dependency packages. The packaging tool has almost all loaders installed by default, so just use it directly.

Project Preview

##Project Summary

Now the static resources (the static directory of the previous version of the scaffolding) are placed under

public.

http requests still use

axios to simulate requesting local data, and mint-ui is used for carousel images and pop-up boxes.

Shopping cart data is managed using

vuex

Related recommendations:

WeChat Small Mall 1.1

The above is the detailed content of vue family bucket realizes code sharing of a small mall. For more information, please follow other related articles on the PHP Chinese website!