Vue完整创建项目流程

方法一:

1. 安装 vue  


2. 初始化一个项目
    vue create 项目名称

    ? Please pick a preset: (Use arrow keys)(是否使用预先的设置,一般重新自己选择)
    default (babel, eslint)
    > Manually select features

Vue完整创建项目流程_第1张图片

3. 创建过程中选项
    (*) Babel
    ( ) TypeScript
    (*) Progressive Web App (PWA) Support
    (*) Router
    (*) Vuex
    (*) CSS Pre-processors
    ( ) Linter / Formatter
    ( ) Unit Testing
    ( ) E2E Testing

Vue完整创建项目流程_第2张图片

4 Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n

5 Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> Sass/SCSS
  Less
  Stylus

6. Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
  In dedicated config files
> In package.json

7. 回车结束即可

方法二:

或使用 vue ui 通过界面的方式来创建项目
在命令行中输入 vue ui后跳转到网页

Vue完整创建项目流程_第3张图片

在浏览器中打开 http://localhost:8000
然后根据提示创建项目即可,主要要选择 盘符

你可能感兴趣的:(Vue完整创建项目流程)