美文网首页vue
vue-cli3安装/升级

vue-cli3安装/升级

作者: 荼蘼toome | 来源:发表于2020-01-04 11:10 被阅读0次

    首先卸载 vue-cli2
    npm uninstall vue-cli -g

    解析:
    uninstall uni 卸载的关键字
    vue-cli vue-cli2的关键字
    -g 全局安装

    看安装的是npm 还是cnpm
    安装的时候是全局安装所以卸载的时候也是全局卸载


    使用vue -V
    查看此时已经卸载干净了.......若是还是能够查看版本号..就使用cnpm 在 来一次
    [理论:源头不同,其他都一样]

    安装

    关键字 @vue/cli

    普通安装vue-cli3
    npm install -g @vue/cli

    淘宝镜像安装
    cnpm install -g @vue/cli

    进入等待,,,不需要人工干预


    vue-cli3增加了图形界面
    速度较慢 . . . . 直观

    存在既有价值

    建议 : 多使用npm

    vue-cli3图形界面

    vue ui 启动图型化界面

    方便,直观 ---- 新手 运行速度慢

    默认安装

    预设模板,,暂不考虑
    之后选择自动,,还是手动看你自己了

    下面演示手动


    有些选项是必须的
    比如第一个..系统必须的配置信息
    TypeScript JavaScript一个作用
    不选择
    router选择

    不选择的等将来补充安装就可

    创建项目


    预设 等待

    特别慢.......好几分钟


    ok

    当我们知道插件的名称npm是最好的方法



    启动服务
    由于我选择了es lint所以可以做处理



    运行...浏览器中输入localhost:8080
    3-4秒自动显示

    npm 命令创建cli3项目

    新建文件夹md test3
    选择文件夹cd test3
    创建项目 vue create test3
    此时需要人工干预


    使用方向键选择
    第一个默认
    选择第二个手动搭建

    使用空格选择不选择
    选择router
    先把Linrer先去掉

    上面的? ?这个代表提示


    第一个Babel 是默认的
    第二个typeScript跟JavaScript是一样的但是JavaScript是主流的
    Linter在初期使用会出现苦恼,,,规范比较多

    用不用history模式... 选择是y




    包依赖存放位置



    默认
    等待

    看到提示符
    cd test3 切换盘符
    npm run serve运行服务

    相关文章

      网友评论

        本文标题:vue-cli3安装/升级

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