美文网首页
Visiual Studo Code 构建Vue项目手册

Visiual Studo Code 构建Vue项目手册

作者: 诗颜语 | 来源:发表于2019-02-22 10:46 被阅读0次

    1.安装node.js
    下载地址 https://nodejs.org/en/
    2.安装vs code 一下简称vs
    下载地址 https://code.visualstudio.com/
    3.安装@vue/cli
    执行npm install -g @vue/cli
    @vue/cli 是vue 官方提供的项目脚手架
    安装完成后执行vue --version 检验是否成功
    4.通过 @vue/cli创建项目
    cd 到桌面
    执行vue create 项目名
    创建过程中有些配置 选择默认的就好
    5.用vs打开 项目 安装插件

    按图示安装vetur插件 以识别.vue文件
    6.运行 vue调试项目
    执行npm run serve
    B4F72EC9-55AA-43B2-86B8-56E7B6348609.png

    7.打开图中的url 即可开发调试


    成功 99F4556C-938C-45AE-9FCE-E306372AA4BE.png

    相关文章

      网友评论

          本文标题:Visiual Studo Code 构建Vue项目手册

          本文链接:https://www.haomeiwen.com/subject/izysyqtx.html