一、node环境

安装node.js

二、新建vue项目

  1. 安装vue脚手架
    npm install -g vue-cli

  2. 用脚手架搭项目
    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
    项目描述

  • Author (gratitude <1819397391@qq.com>) xc
    作者

  • 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即可运行该项目
Logo

前往低代码交流专区

更多推荐