美文网首页
Vue 脚手架安装步骤

Vue 脚手架安装步骤

作者: 星星藏进黑夜 | 来源:发表于2019-03-13 00:45 被阅读0次

以下是vue脚手架的基本安装步骤

全局安装(电脑进行一回全局安装的好了)

  cnpm i -g vue-cli

  vue

  vue list //然后出来6个小星星

  mkdir //利用指令创建文件夹(可手动新建)

然后再找个目录安装vue项目 (项目文件夹)

  vue init webpack

  Generate project in current directory?//( yes不要想为什么,这是科学)是否在当前文件夹中生成项目

  Project name //(选填)项目名称

  Project description //(选填)项目描述

  Author //(选填Dreams)作者名

  Install vue-router?//( yes )是否安装路由

  Use ESlint to lint your code? //( no )是否开启es语法检测的严格模式

  Set up unit tests   //建立单元测试

  Setup e2e tests with Nightwatch //( no )//设置e2e测试

            回车。。。

(可选)出现[.......]进度条,表示正在用npm下载依赖
可选择Ctrl+c 停止当前下载
切换成cnpm i 来下载
最后用cnpm run dev 指令来完成项目启动(缩写 cnpm start)

相关文章

  • Vue面试考点之项目初始化

    1、初始化Vue项目 步骤一:安装node.js; 步骤二:安装npm; 步骤三:安装全局vue-cli脚手架; ...

  • Vue-脚手架环境安装&vue项目新增选项卡

    一、详细步骤哦~! 如何用vue官方脚手架搭建项目 1、全局安装vue脚手架 检查vue-cli的版本 如果有版本...

  • 使用vue-cli搭建vue项目

    vue-cli vue的脚手架 安装脚手架之前需要安装node.js 安装脚手架 安装vue-cli 创建vue项...

  • vue架构搭建

    框架搭建步骤 1、 Vue-cli脚手架安装 npm install -g vue-cli 2、 创建工程 ...

  • Vue 脚手架安装步骤

    以下是vue脚手架的基本安装步骤 全局安装(电脑进行一回全局安装的好了) 然后再找个目录安装vue项目 (项目文件...

  • 用vue写简单的登录注册总结

    步骤一 1.安装脚手架:npm install vue-cli -g2.wepack生成html模版:vue in...

  • Vue.js项目的搭建

    使用Vue框架编写前端页面步骤 1.安装vue-cli脚手架工具 打开命令行,输入指令 npm install -...

  • Vue.js项目的搭建

    使用Vue框架编写前端页面步骤 1.安装vue-cli脚手架工具 打开命令行,输入指令 npm install -...

  • VUE----使用脚手架创建vue项目

    学习了vue的基础之后尝试使用脚手架创建一个vue项目 1.全局安装vue脚手架: 安装完成之后,vue脚手架文件...

  • vue-cli安装

    vue脚手架 1.安装vue之前需要先安装node、npm。 2.在自建的文件夹路径中,执行下面步骤: 3.进入新...

网友评论

      本文标题:Vue 脚手架安装步骤

      本文链接:https://www.haomeiwen.com/subject/sddapqtx.html