vue篇之安装脚手架以及创建项目

1.安装node
            
        node -v        查看node版本

        
        npm -v        查看npm版本

        
        npm install cnpm -g --registry=https://registry.npm.taobao.org        安装淘宝镜像

2.安装与卸载脚手架
            
       2x版本安装    npm install -g vue-cli
       3x版本安装    npm install -g @vue/cli  或 cnpm install -g @vue/cli
            
       安装成功： vue -V 查看cli版本

        

       卸载：

               npm uninstall vue-cli -g    卸载vue-cli(1.x或2.x)
               npm uninstall -g @vue/cli    卸载vue-cli(3.x)

        升级

npm update -g @vue/cli

            
3.创建项目
            
        vue create 【项目名称】

        Default        默认的项目配置

        Manually select features     自己手动配置   

        

         选择配置项，空格键（选择/取消）

                Bable 语法转换，Router路由，Vuex状态管理，CSS Pre-processors预处理器， Linter/Formatter统一代码风格，最后两个是单元测试

        

        是否选择用history路由模式你的路由使用历史模式吗？ 路由模式分为Hash模式 History(历史) 模式 Abstract模式 三种  hash模式最明显的特点就是url上会带有#号，History历史模式的url就跟正常的访问地址一样，此处我选择n

        

         选择预处理器，node-sass是自动编译实时的，dart-sass需要保存后才会生效

        

        选择哪个自动化代码格式化检测 （语法检测工具）就是可以检测出你代码中潜在的问题，保 证写出的代码语法正确，风格统一。

        ESLint with error prevention only(只检测错误)

        ESLint + Airbnb config 独角兽公司的Airbnb，有人评价说“这是一份最合理的javascript的编码 规范”它几乎涵盖了js的各个方面

        ESLint + Standard config    standardjs是一份强大的js编码规范，自带linter和自动代码纠正， 没有配置，自动格式化代码，可在编码早起发现规范问题和低级错误

        ESLint + Prettier    Prettier 作为代码格式化工具，能够统一整个团队的代码风格 

        

        选择语法检查方式 

                Lint on save (保存就检测)   

                Lint and fex on commit ( 用户提交文件到git的时候检测 ) 

        

        选择babel,postcss,eslint等配置文件的存放位置

         

        

        是否将以上这些保存为未来项目的预配置？ //如果你选择y那么下次搭建项目是就会出现你这 一次配置的选项