vscode 使用vue-cli 脚手架 快速搭建 vue项目

  1. 安装、配置npm、vue

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

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

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

  5. 填写项目信息
    vscode 使用vue-cli 脚手架 快速搭建 vue项目_第4张图片

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

  7. 运行项目npm run dev
    vscode 使用vue-cli 脚手架 快速搭建 vue项目_第6张图片

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

你可能感兴趣的:(Vue,vue.js,node.js,javascript)