使用npm创建vue项目

大家好,我是龙骑士,今天给大家介绍使用npm创建vue项目

在你想要创建项目的文件夹下打开cmd,在命令行窗口输入vue create projectname

作为学习记录，这里全部选择
Vue CLI v4.5.9
? Please pick a preset: Manually select features
? Check the features needed for your project:(*) Choose Vue version(*) Babel  //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 (*) TypeScript // TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行(*) Progressive Web App (PWA) Support // 渐进式Web应用程序(*) Router  // 路由(*) Vuex   // 状态管理（全局变量管理）(*) CSS Pre-processors // css预处理器 ：sass 和 less 使用较多(*) Linter / Formatter // 代码风格检查和格式化 ： ESLint + Prettier 使用较多，(*) Unit Testing // 单元测试
>(*) E2E Testing // e2e（end to end） 测试

? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
> 2.x3.x (Preview)
? Use class-style component syntax? (Y/n) y   // 是否使用babel做转义
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? (Y/n) y // 是否使用class风格的组件语法
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n // 是否使用history模式（服务端需要配置路由映射），还是默认hash（地址栏有#符号）
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): //选择css预处理的模式Sass/SCSS (with dart-sass)Sass/SCSS (with node-sass)
> LessStylus
? Pick a linter / formatter config: // 选择语法检测规范ESLint with error prevention only // 只进行报错提醒 ESLint + Airbnb config // 不严谨模式ESLint + Standard config // 正常模式
> ESLint + Prettier // 严格模式 使用较多TSLint (deprecated) // typescript格式验证工具
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Lint on save // 使用较多 建议保存即检测( ) Lint and fix on commit  // 提交才检测，此时可能问题已多，事倍功半
? Pick a unit testing solution: // 各有各自的长处与短处，开发者需要根据当前项目的需求选择Mocha + Chai // Mocha是一个能够运行在Node和浏览器中的多功能的JavaScript测试框架，它让异步测试简单且有趣。Mocha连续地运行测试，并给出灵活而精确的报告，同时能够将错误精确地映射到测试用例上。chai 是一个强大的断言库
> Jest // 是facebook推出的一款测试框架，集成了 Mocha，chai，jsdom，sinon等功能，配置较简单
? Pick an E2E testing solution:Cypress (Chrome only) // 新一代ui测试框架，类似于selnium，它基于node js，支持webpack构建。Nightwatch (WebDriver-based) // 基于Node.js的端到端(e2e)测试方案，使用W3C WebDriver API，将Web应用测试自动化。它提供了简单的语法，支持使用JavaScript和CSS选择器，来编写运行在Selenium服务器上的端到端测试
> WebdriverIO (WebDriver/DevTools based)  // WebDriverIO 是基于一个基于node的网页自动化测试框架，它封装了 Selenium WebDriver API，可拓展性非常高。相比较原生的Selenium 而言，WebDriverIO 的代码非常的简单易懂，api和方法与jquery相似，非常方便前端上手。同时WebDriverIO 也支持mobile端的测试。
? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys) // 选择配置信息存放位置
> In dedicated config files // 独立文件放置，项目会有单独的几件文件In package.json // 统一放置放置
? Save this as a preset for future projects? (y/N) y // 是否保存此配置，方便在以后创建项目中选择使用以上配置
------------------------------------------end----------------------------------------------------

使用npm创建vue项目相关推荐

【Python异常】 NPM创建Vue项目遇到ERROR command failed: npm install --loglevel error
遇到问题: Vue CLI v4.5.6 ┌─────────────────────────────────────────┐ │ │ │ New version available 4.5.6 → ...
创建 vue 项目报错：command failed: npm install --loglevel error --legacy-peer-deps
用 vue-cli 创建vue项目时,报了个错: command failed: npm install --loglevel error --legacy-peer-deps,.然后看报错信息,装了 ...
创建vue项目+总结使用(跨域问题+vue 创建)
创建vue项目: -安装node.js-vue脚手架-vue create 项目名字pycharm开发vue项目-需要安装vue.js插件-setting--->plugins--->左下 ...
一篇文章教会你创建vue项目和使用vue.js实现数据增删改查
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...
一、从零创建VUE项目
假设你在创建VUE项目时对webpack和vue-loader有一些了解. 下面开始快速搭建属于你的VUE项目: $ npm install vue-cli -g // 全局安装vue-cli $ ...
vue的使用（引用/创建vue项目）（一）
在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广 ...
创建vue项目(二)引入elementUi、axios、准备静态资源、封装组件（.vue，js代码等）
下载安装node -> vue-cli -> 配置路由 -> 引入elementUi -> 公共组件一.引入elementUi 顺便一提axios使用说明和axios在vu ...
Vue学习笔记一创建vue项目
1:安装Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.可以搜索Node.js的官网下载,安装完成后,打开命令提示符cmd.exe,输入node ...
list vue 添加数据方法_一篇文章教会你创建vue项目和使用vue.js实现数据增删改查...
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...

使用npm创建vue项目

使用npm创建vue项目相关推荐

最新文章

热门文章