美文网首页
vue_如何搭建一个新项目(npm)

vue_如何搭建一个新项目(npm)

作者: 一个老程序员 | 来源:发表于2022-01-22 22:39 被阅读0次

    下载并安装node.js

    查看node版本命令

    node -v
    

    查看npm版本命令

    npm  -v
    

    安装淘宝npm镜像

    $  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org
    

    安装脚手架

    安装一次就可以,不用每次建项目都安装

    cnpm install vue-cli -g      //全局安装 vue-cli
    

    查看vue-cli是否成功,不能检查vue-cli,需要检查vue

    vue  list
    

    创建项目

    vue init webpack ”项目名称“

    D:\vue_projects>vue  init webpack  vue_test2
    
    ? Project name vue_test2
    ? Project description A Vue.js project
    ? Author liukai <598724366@qq.com>
    ? Vue build standalone
    ? Install vue-router? Yes
    ? Use ESLint to lint your code? No
    ? Set up unit tests No
    ? Setup e2e tests with Nightwatch? No
    ? Should we run `npm install` for you after the project has been created? (recommended) npm
    
       vue-cli · Generated "vue_test2".
    

    现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面,操作指令是:

    cnpm install
    
    cnpm run dev
    

    相关文章

      网友评论

          本文标题:vue_如何搭建一个新项目(npm)

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