王理庚的博客
0%

使用IntelliJ IDEA创建Vue项目

发表于

一、创建项目

  1. 打开IntelliJ IDEA创建一个Static Web项目

  2. 打开Termital终端，输入

    1
    vue -V

    可以检查vue版本

二、安装项目

  1. 在终端中输入

    1
    vue init webpack VueDemo

    共九个配置项

    1
    2
    3
    4
    5
    6
    7
    8
    9
    ? Project name vuedemo
    ? Project description A Vue.js project
    ? Author ReganWlg <1959411673@qq.com>
    ? Vue build standalone
    ? Install vue-router? Yes
    ? Use ESLint to lint your code? No
    ? Set up unit tests No
    ? Setup e2e tests with Nightwatch? No
    ? Should we run `npm install` for you after the project has been created? (recommended) no

    前5个直接回车回车回车，后4个no

  2. 进入项目目录

    1
    cd VueDemo

  3. 初始化项目

    1
    npm install

  4. 运行项目

    1
    cnpm run dev

    打开http://localhost:8080

三、配置IDEA

  1. File - Settings - Languages&Frameworks - JavaScript:

    修改JavaScript language为ECMAScript 6

  2. Run - Edit Configurations…:

    点击加号，选择npm，Name为dev，package.json选择工程中的package.json，Command为run，Scripts为dev，然后就可以直接在IDEA中运行了

    再点击加号，选择npm，Name为build，package.json选择工程中的package.json，Command为run，Scripts为build，然后就可以直接在IDEA中打包了