后端接口服务环境
- 安装全局工具 json-server
npm i json-server -g - 代码根目录新建一个 db 目录
- 将资料移入 db 目录
- 进入 db 目录,执行命令,启动后端接口服务 (使用--watch 参数 可以实时监听 json 文件的修改)
json-server --watch index.json
创建Vue脚手架
- 全局安装(只需安装一次即可)
npm i @vue/dli-g - 查看vue/cli版本:
vue --version - 创建项目架子:
vue create project-name(项目名不能使用中文) - 启动项目:
npm run serve(命令不固定,找package.json)
vant组件库
- 安装vant
- 安装插件:
npm i babel-plugin-import -D - 在
babel.config.js中配置 - 按需加载在
main.js
vw适配
- 安装插件 postcss-px-to-viewport
- 项目根目录新建postcss的配置文件
postcss.config.js
Vite创建
npm create vue@latest