初学vue之vue-cli 搭建

来源:互联网 发布:库里2016数据 编辑:程序博客网 时间:2024/06/09 00:03

    1.安装node.js,去官网安装最新版,一路next

    2.安装完成后打开cmd窗口输入node -v   显示版本号证明安装成功

    3.node自带的npm用的是外国资源,大部分都下载不到,所以要用国内的代理。输入npm install -g cnpm --registry=http://registry.npm.taobao.org

    4.通过安装的cnpm安装vue-cli,输入cnpm install -g vue-cli

    5.安装完成后选择一个工作空间例如d:\myvue,输入   cd   d:\myvue

    6.创建vue项目目录,输入   vue init webpack myfirstvue       完成后会输入项目名称和作者、模板、是否需要单元测试等配置,一路回车即可

    7.进入项目的目录  输入  cd  myfirstvue   ,在该目录下输入cnpm install下载项目的依赖,等待完成

    8.在项目的目录下输入  npm  run dev 就启动服务了,默认弹出欢迎页

0 0