码迷,mamicode.com
首页 > 其他好文 > 详细

Vue-创建项目

时间:2019-07-18 21:14:47      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:windows   run   oca   border   设置   bpa   启动   名称   info   

安装全局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-创建项目

标签:windows   run   oca   border   设置   bpa   启动   名称   info   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!