Vue-创建项目

2019-08-14 10:14:28来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

安装全局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

  


原文链接:https://www.cnblogs.com/tynam/p/11209959.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:nodejs之express的中间件

下一篇:【转】Vue项目报错:Uncaught SyntaxError: Unexpected token &l