概览
简单写一下Vue开发的流程,作为备忘。
流程
- 安装node.js( Vue开发环境 )
# 查看版本 Node -V npm -V # 使用淘宝仓库(后续可使用cnpm代替npm) npm install -g cnpm –registry=https://registry.npm.taobao.org
镜像下载、域名解析、时间同步请点击 阿里巴巴开源镜像站
- 安装VSCode( Vue开发编辑器 )官网下载安装即可。安装完可网上搜索配置Vue开发环境。
- 安装vue-cli( 用于创建Vue项目 )
cnpm i -g @vue/cli-init # 查看版本 vue -V
- 创建Vue项目
# 假设项目名称为:hello_vue vue init webpack hello_vue
- 进入项目目录,下载依赖包并运行项目
# 进入项目目录 cd hello_vue # 下载依赖包 npm install # 运行项目 npm run dev
运行成功
出现下面这个页面,表示Vue项目创建成功,后续按需求进行项目开发即可。