美文网首页
vue入门1:vue-cli

vue入门1:vue-cli

作者: 我爱吃肥肠 | 来源:发表于2018-02-05 15:22 被阅读0次

    1,开始准备工作,官网下载node,js,安装成功之后使用node -vnpm -v查看版本,国内最好使用淘宝的镜像cnpm.如果安装失败要先使用npm cache clean清理缓存再重新安装.

    2,安装vue-cli脚手架.npm太慢,可以用cnpm install -g vue-cli全局安装.安装之后使用vue -V查看安装的vue版本.

    tip:切换当前文件使用cd命令,但是cd只能在当前盘符下使用,要切换盘符,比如从c盘切换到d盘,先要  >d:   然后cd到自己的文件夹下面.

    3,生成项目,使用webpack模板.vue init webpack projectname.配置完成后目录下回多出一个文件夹.里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目

    4,cd命令进入项目目录,安装依赖包cnpm install并且启动项目cnpm run dev.,

    vue-cli生成的项目目录

    相关文章

      网友评论

          本文标题:vue入门1:vue-cli

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