后端程序员的前端入门手册

基本内容

本系列刊文旨在让后端程序员快速熟悉上手现代前端开发流程，化繁为简，节省大家宝贵的时间，多陪陪家人，追随内心，做一些想做的事情。

准备工作

• 安装nodejs，https://nodejs.org/en/
• 设置国内源 npm config set registry https://registry.npm.taobao.org/
• 全局安装 vue-cli、webpack、webpack-dev-serve等
  • npm i -g yarn
  • npm install -g vue-cli
  • npm install -g webpack
  • npm install -g webpack-cli
  • npm install -g webpack-dev-server
• yarn设置国内源 yarn config set registry https://registry.npm.taobao.org/

初始化vue项目

vue-cli初始化

vue ui 或 vue create

https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

vite初始化

Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。

通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。

script

$ yarn create vite <project-name> --template vue
$ cd <project-name>
$ yarn
$ yarn dev

https://v3.cn.vuejs.org/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cli

!---     --