美文网首页
Vue/Cli快速生成Vue项目基础的架构。

Vue/Cli快速生成Vue项目基础的架构。

作者: ZH彪 | 来源:发表于2020-02-29 14:29 被阅读0次
    A.安装3.x版本的Vue脚手架:

    ​ npm install -g @vue/cli

    ​ vue -V 查看版本号

    B.基于3.x版本的脚手架创建Vue项目的三种方式:

    1).使用命令创建Vue项目

    #命令:vue create my-project
            选择Manually select features(选择特性以创建项目)
            勾选特性可以用空格进行勾选。 Babel Router Linter/Formatter
            是否选用历史模式的路由:n
            ESLint选择:ESLint + Standard config
            何时进行ESLint语法校验:Lint on save
            babel,postcss等配置文件如何放置:In dedicated config files(单独使用文件进行配置)
            是否保存为模板:n
            使用哪个工具安装包:npm
    
    #运行:
    cd my-project
    npm run serve   这个serve看package.json里面的这个
    

    2).基于ui界面创建Vue项目
    命令:vue ui
    在自动打开的创建项目网页中配置项目信息。

    3).基于2.x的旧模板,创建Vue项目 CLI版本还是3.x的
    ​ npm install -g @vue/cli-init
    ​ vue init webpack my-project

    Vue-cli2.x和3.x的区别

    3.x中build没了、config没了, 需要自己去配置, 3.0的安装项目时自动下载node-model。

    相关文章

      网友评论

          本文标题:Vue/Cli快速生成Vue项目基础的架构。

          本文链接:https://www.haomeiwen.com/subject/comphhtx.html