Vue工具使用

36 阅读1分钟

后端接口服务环境

  1. 安装全局工具 json-server npm i json-server -g
  2. 代码根目录新建一个 db 目录
  3. 将资料移入 db 目录
  4. 进入 db 目录,执行命令,启动后端接口服务 (使用--watch 参数 可以实时监听 json 文件的修改) json-server --watch index.json

创建Vue脚手架

  1. 全局安装(只需安装一次即可) npm i @vue/dli-g
  2. 查看vue/cli版本: vue --version
  3. 创建项目架子:vue create project-name(项目名不能使用中文)
  4. 启动项目:npm run serve(命令不固定,找package.json)

vant组件库

  1. 安装vant
  2. 安装插件: npm i babel-plugin-import -D
  3. babel.config.js中配置
  4. 按需加载在main.js

vw适配

  1. 安装插件 postcss-px-to-viewport
  2. 项目根目录新建postcss的配置文件postcss.config.js

Vite创建

npm create vue@latest