使用vue创建项目

一、vue/cli 安装

1.使用npm install -g @vue/cli 全局安装vue
2.使用vue -V查看当前版本号

二、vue create创建项目

1.1 输入命令vue create 项目名字

1.jpg

第一个为默认选择,第二个为自定义选择(建议选择这个)
1.2 使用cmd选择的操作方法:
1.2.1 按<上下键>移动,按<space>进行是否选定【空格键选择】,按<a>切换所有,按<i>反转选择

  1. 根据自己需求进行选择
    2.jpg

    注:Babel : 将ES6编译成ES5
           TypeScript: javascript类型的超集
           Progressive Web App (PWA) Support: 支持渐进式的网页应用程序
           Router: vue-router
           Vuex: 状态管理
           CSS Pre-processors: CSS预处理
            Linter / Formatter: 开发规范
           Unit Testing: 单元测试
           E2E Testing: 端到端测试
    3.路由器是否使用历史模式
    3.jpg

    我这里选择 n
    4.配置CSS
    4.jpg

    node-sass 表示自动实时编译
    dart-sass 表示保存后生效
    5.配置ESLint,没有选择的可以略过此步
    5.jpg

    编码规范:
    1.只进行报错提醒;
    2.不严谨模式;
    3.正常模式;
    4.严格模式;
    6.配置文件的存放位置
    6.jpg
7.jpg

第一个放独立文件夹,第二个放package.json
7.填写项目描述


1594951063(1).jpg

不用写。
8.CD到创建的项目文件夹里运行npm run serve

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。