首页 > 其他 > 详细

安装vue-cli

时间:2019-04-17 14:51:27      阅读:149      评论:0      收藏:0      [点我收藏+]

1.路径  https://nodejs.org/en/

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 cmd  

技术分享图片

技术分享图片

技术分享图片

 

 

 技术分享图片

技术分享图片

技术分享图片

 

 

 

 

技术分享图片

 

技术分享图片

技术分享图片

技术分享图片

 

技术分享图片

技术分享图片

 

技术分享图片

 

 技术分享图片

 

技术分享图片

技术分享图片

 

 

技术分享图片

 

技术分享图片

 

 

技术分享图片

 

技术分享图片

 

创建项目

  1.创建一个基于 webpack 模板的新项目

  vue init webpack projectname(项目名)

  2.技术分享图片项目名  直接回车 使用默认的项目名 projectname

    技术分享图片 项目描述

 

技术分享图片

 

Vue构建(使用箭头键)

>运行时+编译器:推荐给大多数用户

仅限运行时:约6KB轻量级min+gzip,但模板(或任何特定于vue的HTML)只允许在.vue文件- re中使用

其他地方需要nder功能

选择第一个就行

 

技术分享图片

是否安装vue-router路由 没有用no

技术分享图片

是否使用ESLint来规范您的代码?(Y / n) y

技术分享图片

使用标准的eslint 选择第一个

  技术分享图片

自动化的测试工具  不需要no

技术分享图片

  • 用夜视器设置e2e测试?(Y / n) no

 技术分享图片

 

依赖的安装方式  使用npm

安装----------------

技术分享图片

技术分享图片

 

cd 到 创建的项目 下  

运行npm install安装依赖

技术分享图片

 

 访问 8081 端口   

 

技术分享图片

安装完成

  

 

 

 把创建好的 文件  拖动到 软件里面   

技术分享图片

 

    build 配置文件   config线上/开发环境的配置文件 

 

安装vue-cli

原文:https://www.cnblogs.com/gzl180110/p/10723372.html

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