Vue-cli脚手架安装

Posted £AP︶ㄣOL◢◤LO

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-cli脚手架安装相关的知识,希望对你有一定的参考价值。

想快速搭建一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装,步骤:
1.前提:安装了npm , 淘宝 NPM 镜像等
 
2.检测是否已经安装vue-cli,执行以下命令
  vue --version  
  若执行不成功,在进行:
  cnpm install -g vue-cli    #全局安装vue-cli
 
3.全局安装vue-cli后,依次执行以下命令可快速搭建一个vue项目
  vue init webpack vue-project   #webpack:vue-cli脚手架模板   vue-project:项目文件夹
  cd vue-project         
  cnpm install  #安装开发依赖
  cnpm run dev    #执行项目
  
  终止 npm run dev 执行 ctrl + c
 
注意:安装过成功一些问题?
  Runtime + Compiler: recommended for most users //运行加编译
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific html) are ONLY allowed in .vue files - render functions are required elsewhere  //只运行
按上下箭头选择,然后enter
 
  Use ESLint to lint your code //ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具

  Set up unit tests (Y/n) //单元测试,可不安装
  Setup e2e tests with Nightwatch? //设置端到端测试,可不安装
  
  
  
  
 

以上是关于Vue-cli脚手架安装的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli4.0脚手架安装

vue-cli2,vue-cli3(vue脚手架)超详细教程

vue-cli2,vue-cli3(vue脚手架)超详细教程

vue-cli2,vue-cli3(vue脚手架)超详细教程

使用vue-cli(vue脚手架)快速搭建项目

使用vue-cli脚手架创建项目