1. 安装、配置npm、vue

  2. 启动vscode ,打开一个控制台
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

  3. 切换到需要创建项目的目录 使用 cd xxx 命令行
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

  4. 输入vue init webpack ProjectName ,ProjectName是项目名称 任意写
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

  5. 填写项目信息
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

  6. 切换到项目根目录,初始化项目 npm i
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

  7. 运行项目npm run dev
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

  8. 按住Ctrl键 鼠标点击链接 进行快捷访问
    vscode 使用vue-cli 脚手架 快速搭建 vue项目
    浏览器展示的
    vscode 使用vue-cli 脚手架 快速搭建 vue项目

相关文章: