首页 > 其他 > 详细

vue-cli

时间:2020-03-10 11:13:19      阅读:59      评论:0      收藏:0      [点我收藏+]

 > 新建一个存放项目的文件夹

 > 文件夹内右键点击 Git Bash here 

 > node -v 检查node 的版本号

 > npm -v 检查 npm 的版本号

 > npm install -g cnpm --registy=https://registy.run.taobao.org 安装淘宝镜像  因为国内服务器比较慢 

 > cnpm install -g vue-cli 全局安装vue-cli 脚手架

    (cnpm install -g vue-cli 全局安装3.0以下的脚手架版本 cnpm install -g vue-cli@2.xxx 全局安装指定版本;cnpm install -g @vue/cli 全局安装3.0以上的脚手架版本,cnpm install -g @vue/cli@3.xxx 全局安装指定版本)

> vue -V 安装后检测脚手架版本  “V” 要大写 

> vue init webpack vue-example 新建vue项目 “vue-example”是项目名,(vue-cli3 以上 新建项目 vue create vue-example)会出现很多问题 (如下图),默认回车就行,这个过程需要一两分钟,请耐心等待,否则安装不成功

  技术分享图片

 

 

 > 出现出下图 便是安装成功,

  技术分享图片

> 这时可以看到新建的文件夹内多出了一个项目 ,第二张图是项目的目录结构

  技术分享图片    技术分享图片

 > cd vue-310example 进入项目目录

 > git init 加入github 代码管理

 > git add . 上传全部文件

 > touch README.md & git add README.md 创建readme.md 描述文件(不需要描述文件也可以忽略)

 > git commit -m "this is the project for march 10th"  (引到的内容则是描述内容)

 > git remote add origin "xxxxxxxxxxxxxxxxx" 添加自己的git 仓库地址

 > git push -u origin master 上传本地仓库 此操作会拉起登录 (下图就是登录添加成功的表现)

   技术分享图片

 

> 检查自己git 是否存在

技术分享图片

 

 > npm run dev 启动项目(vue-cli3 以上是 npm run serve)请耐心等待启动

  技术分享图片

 > 出现上图就说明启动成功,打开浏览器输入 http://localhost:8080 即可进入项目页面

 

技术分享图片

 

 

 

 

vue-cli

原文:https://www.cnblogs.com/youhe/p/yeyo_vue-cli.html

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