乖乖女

导航

创建vue2.0 项目

一、node环境
      安装node.js

二、新建vue项目
     安装vue脚手架
         npm install -g vue-cli

     用脚手架搭项目
        vue init webpack-simple (项目名字)
       或 
        vue init webpack (项目名字)

    两者区别就是
        vue init webpack-simple :可以理解为轻巧的,没有多余的配置和包,但能保证项目正常运行。
        vue init webpack : 可以理解为完整的,包含比较多配置和包。

    运行该命令后会跳出下列选项:
    Generate project in current directory? Yes
   是否在当前目录下创建

      Project name (vue项目实例) Demo
      项目名称

      Project description A sipmle vue project
      项目描述

      Runtime + Compiler: recommended for most users
      运行加编译

      Install vue-router? (Y/n) y
     是否安装路由

  Use ESLint to lint your code? (Y/n) y
   是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,并不会影响整体的运行,这也是为了多人协作,新手就不用了,一般项目中都会使用。

  Pick an ESLint preset (Use arrow keys)
  选择一个ESLint预设,编写vue项目时的代码风格,因为选择了使用ESLint

  Setup unit tests with Karma + Mocha? (Y/n)
   是否安装单元测试

  Setup e2e tests with Nightwatch(Y/n)?
   是否安装e2e测试

  接下来在该路径下运行npm run dev即可运行该项目

posted on 2019-12-23 17:20  乖乖女dome  阅读(640)  评论(0编辑  收藏  举报