window下git bash命令配置 解决方向键不起作用
方案一: 使用windows自带的cmd命令窗口操作
gitbash下:
方案二:winpty vue.cmd create ***
方案三:依次运行如下两个命令

  alias vue='winpty vue.cmd'

  vue create demo

【注意】 这种方式操作,在下一次打开 git bash 窗口的时候,直接使用 vue create demo 创建项目,键盘方向键依然是无效的,如果想要一劳永逸,请看方案四!!!

方案四:

步骤1.执行 ls ~/.bash_profile 命令查看是否存在 .bash_profile 文件,如果存在,则在该文件中添加 alias vue='winpty vue.cmd';如果这个文件不存在,则进行步骤2;

步骤2.进入用户目录,依次执行下面两个命令

echo "alias vue='winpty vue.cmd'" >> .bash_profile

source ~/.bash_profile

按1、2两个步骤执行完毕之后,就可以使用 vue create demo 命令来创建新项目了。重启 git bash 后也没有问题哟~




手动配置参数说明:
1 ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection) 2 >( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 3 ( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行,目前较少人再用 4 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序 5 ( ) Router // vue-router(vue路由) 6 ( ) Vuex // vuex(vue的状态管理模式) 7 ( ) CSS Pre-processors // CSS 预处理器(如:less、sass) 8 ( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint) 9 ( ) Unit Testing // 单元测试(unit tests) 10 ( ) E2E Testing // e2e(end to end) 测试
eslint建议选择 prettier模式
eslintrc.js中的配置:将 '@vue/standard' 注释后重启即不再校验,或者在vue.config.js中配置 lintOnSave=false,

参考文章 : https://blog.csdn.net/qq_44722915/article/details/106050069

已有项目的重新安装:

通过vue create 创建的项目,在选择了ESLint + Prettier方式;他会默认下载 “eslint”,“babel-eslint”,“eslint-plugin-prettier”,“eslint-plugin-vue”,"@vue/eslint-config-prettier"等插件

卸载原有的  yarn remove eslint  和其他相关插件

.eslintrc.js中删除配置 ,或者删除该配置文件

安装命令 vue add @vue/eslint    添加vue-cli插件

 

 prettier安装 

yarn -D prettier

npm i -D eslint-plugin-prettier

npm install -D eslint-config-prettier 为了防止PrettierESLint格式化功能冲突,来关闭ESLint中的代码格式化功能

 .eslintrc.js中配置      eslint的规则配置参照文件:  https://www.cnblogs.com/hahazexia/p/6393212.html

 

sass 选择 dart-sass

 避免安装node-sass的坑:

  1.解决了node-sass下载速度慢、本地编译慢的问题

  3.如果选择node-sass,请参考填坑:   https://www.jianshu.com/p/92afe92db99f

----------------------------------------------------------------------------------------------------------------- babel

安装babel后,为了处理IE等浏览器的兼容性问题,安装babel插件 转换新的js语法

babel-polyfill   因为这是一个 polyfill (它需要在你的源代码之前运行),我们需要让它成为一个 dependency。但是babel-polyfill会有近100K,打包后代码冗余量比较大

babel-runtime   是为了减少重复代码而生的. 并且将 babel-runtime 作为生产依赖(使用 --save)。
babel-plugin-transform-runtime    以插件的形式在打包时引入到文件里,主要的功能是为api提供沙箱的垫片方案,更因此适合用在第三方的开发产品中(开发工具包,库),一方面是体积够小,另一方面是用户(开发者)不会因为引用了我们的工具,包而污染了全局的原生方法,产生副作用。

在大多数情况下,你应该安装 babel-plugin-transform-runtime 作为开发依赖(使用 --save-dev)。

参照文章   https://blog.csdn.net/qq_26722321/article/details/116924857

 
vue-cli3.0中文文档

安装vue-cli3.0之前,须先卸载2.0:
npm uninstall vue-cli -g yarn global remove vue-cli

安装vue-cli3.0:
npm install -g @vue/cli  //yarn global add @vue/cli

 安装完Vue cli3 之后,还想用vue-cli2.x 版本

 Vue CLI 3 和旧版使用了相同的vue命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能,你可以全局安装一个桥接工具:

npm install -g @vue/cli-init                 //安装完后 就还可以使用 vue init 命令

vue init webpack vue_project

vue cli3.0快速搭建项目详解(强烈推荐)

 

使用Vue-cli 3.0搭建Vue项目

 揭秘vue——vue-cli3全面配置

 

vue3.0和2.0的区别及项目的搭建

 

vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别

 

vue3.0搭建的 Progressive Web App (PWA) Support// 渐进式Web应用程序 VS 其他项目的基础配置 差异:

public/下面多了 img/文件夹 ,和robots.txt文件

main.js文件中多了 :
import "./registerServiceWorker";

--------------------------------------------------------------------------

 

基于mpvue框架的小程序项目搭建入门教程一