美文网首页
如何用脚手架创建vue项目的步骤

如何用脚手架创建vue项目的步骤

作者: zkzhengmeng | 来源:发表于2019-03-29 09:38 被阅读0次

    1.安装node.js及npm包(安装完nodejs后会自动安装npm包)

    下载地址 : https://nodejs.org/en/ (根据自己的系统类型和位数下载响应的node包)

    参考 : http://www.runoob.com/nodejs/nodejs-install-setup.html

    2.全局安装webpack:npm install webpack -g

    3.安装vue脚手架:npm install vue-cli -g

    4.新建空文件夹,根据模板创建项目:

      vue init webpack 工程名字 (工程名字不能用中文)

    5.通过命令打开目录运行项目

    cd  my-app        打开my-app目录

    npm run dev    运行项目

    npm run build  打包前端代码(用来部署服务器上线)

    相关文章

      网友评论

          本文标题:如何用脚手架创建vue项目的步骤

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