vue-创建vue项目

创建vue项目

使用命令创建vue

1. 安装node

2. 安装vue npm install -g @vue/cli

3. 创建项目

   1. vue create my-project

   2. 进入后可以看到两个选项

   

   default 自动

   Manually 手动

   我们选择手动

   3. 选择手动进入下一个界面

  > - Babel ： 编译
  > - TypeScript ： 使用 TypeScript 语言
  > - Progressive Web App (PWA) Support ：渐进式web开发
  > - Router：  路由
  > - Vuex：状态管理
  > -  CSS Pre-processors：css预处理器
  > - Linter / Formatter ：代码格式化 （有强迫症建议不要选）
  > - Unit Testing ，Unit Testing：单元测试

  按空格可以选择

4. 选择完成后进入下一个界面

> - In dedicated config files 单独的文件
> - In package.json 所有的配置放在一个文件下

5. 选择一个进入下一个界面

  > 是否要保存改配置

6. 选择y

  > 给文件起名

7. 下一步如果安装了其他编译方式可以经行选择

8. 创建完成

• 目录介绍
  • git ：git项目管理
  • node_modules：node 的依赖包
  • public : 静态文件
  • src ：工作目录
  • gitignore：git需要忽视的文件
  • babel.config.js：编译的配置
  • package.json、package-lock.json：依赖的配置文件、
  • README.md :操作文档

vue ui 创建项目

1. 在命令窗口输入 vue ui

2. 打开创建vue的ui界面

3. 点击创建项目 更具提示创建