WebStorm上运行vue2.0

首先打开我们之前用vue-cli脚手架生成的项目,还没有创建项目的同学可以看我上一篇博客(博客链接)

    1.打开WebStorm

    WebStorm上运行vue2.0_第1张图片

   2.点击open选择你项目的路径后打开。

  3.之后在右上角,点击Edit Configurations

    WebStorm上运行vue2.0_第2张图片

    4.点击打开页面左侧的加号,选择npm

    WebStorm上运行vue2.0_第3张图片

    5.之后进行如下配置即可在WebStorm上运行Vue2.0了,不需要在cmd中运行了。

        Name:可以随便取个名字

        package.json:找到你项目下的package.json文件

        command:选择run

        Scripts:选择dev

        Node interpreter:选择你的node.js的文件node.exe即可

        最后点击OK就可以在WebStorm上运行你的Vue啦

WebStorm上运行vue2.0_第4张图片

你可能感兴趣的:(Vue2.0)