Vue项目构建

  • 1 安装NodeJS

参考菜鸟教程Node.js教程

菜鸟教程官网:https://www.runoob.com/nodejs/nodejs-tutorial.html

  • 2 (可选)安装VSCode并配置Cmder(类Linux终端)

官网下载VSCode并配置类Linux终端Cmder

VSCode官网:https://code.visualstudio.com/

配置见博客:https://blog.csdn.net/weixin_42039699/article/details/88964055

  • 3 安装Vue CLI

Vue CLI官网https://cli.vuejs.org/

3.1输入如下命令安装Vue CLI

npm install -g @vue/cli

3.2查看help

Vue项目构建

  • 4 创建Vue项目

4.1直接创建

vue create vpj(project name)

Vue项目构建

项目目录结构:

Vue项目构建

4.2基于webpack创建

npm install -g @vue/cli-init
vue init webpack wpvpj(project name)

Vue项目构建

项目目录结构: 

Vue项目构建

  • 5 运行项目
npm run dev

Vue项目构建

Vue项目构建 

Vue项目构建