美文网首页
如何创建一个Vue项目

如何创建一个Vue项目

作者: 啦啦啦哈啦啦啦 | 来源:发表于2018-10-24 23:34 被阅读0次

打开cmd命令行,安装node

  • 步骤:打开node官网 https://nodejs.org/en/download/,进行下载安装,输入node -v,如果出现版本信息即表示安装成功。
  • 输入node -v若显示版本号即表示安装成功

安装淘宝镜像

安装vue-cli脚手架构建工具

  • 输入命令 npm install -g vue-cli,安装完成即可

创建项目

  • 新建一个项目文件夹,右击用命令行运行
  • 运行命令vue init webpack 项目名称(vuetest)
  • 出现项目名等信息时直接默认下一步
    -下面将会出现四个选项,除了install vue-router是yes而外,其他都是no,以免发生不必要的麻烦
  • 输入npm install安装依赖库
  • 输入npm run dev运行项目,即可成功

相关文章

网友评论

      本文标题:如何创建一个Vue项目

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