首页 > 其他 > 详细

Vue-创建项目

时间:2019-07-19 00:41:54      阅读:77      评论:0      收藏:0      [点我收藏+]

安装全局vue-cli

  终端中执行:sudo npm install --global vue-cli

    windows系统:npm install --global vue-cli

  技术分享图片

 

检查是否安装成功

   终端中输入:vue --version

  技术分享图片

 

项目初始化

  进入指定项目目录中

  终端中输入:vue init webpack  ”项目名称“

  如果该目录下存在输入的项目名,则会提示:  Target directory exists. Continue?

  如下图,根据需要旋转是否安装  vue 相关的文件

  技术分享图片

  进入到创建的 Project 中 进行 vue 相关的安装

  cd 项目

  执行:npm install

  技术分享图片

 

文件配置

修改端口号:port可以设置为自己想要的默认为8080,比如8081 技术分享图片

 

启动项目

  执行:npm run dev

  技术分享图片

  运行后浏览器中打开:http://localhost:8080

  技术分享图片

Vue-创建项目

原文:https://www.cnblogs.com/tynam/p/11209959.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!