VUE学习笔记 01

1 使用npm 创建vue项目

1.1 进入你想创建vue项目的文件位置,打开CMD

VUE学习笔记 01
VUE学习笔记 01
 在当前位置直接在路径上输入cmd,回车可以直接打开cmd,且初始的路径就是当前的位置

1.2 使用cmd命令初始化vue项目

  • 这里输入初始化vue项目的命令(前提是有安装npm和vue-cli)
  • vue init webpack 【项目名】
    VUE学习笔记 01
  • 选择配置选项,这里初始化最简单的vue项目

VUE学习笔记 01

  • 出现以下内容表示初始化vue项目成功

VUE学习笔记 01

  • 在当前位置使用命令cd 【项目名】
  • 然后输入npm run dev即可启动项目

VUE学习笔记 01

  • 默认启动的端口是8080,在浏览器输入http://localhost:8080/即可访问
    VUE学习笔记 01

下一章:使用GitHub + VsCode管理代码