vue-cli笔记

 

 

 

 http://jspang.com/2017/04/10/vue-cli/   原文网址

vue-cli:

Vue-cli是vue官方出品的快速构建单页应用的脚手架,

安装vue-cli的前提是你已经安装了npm ,安装npm你可以直接下载node的安装包进行安装

npm-v ：检测npm安装及版本情况  出现版本说明已经安装

npm install vue-cli -g 或者 cnpm install vue-cli -g   全局(-g)安装vue-cli     cnpm淘宝包管理镜像（通过淘宝安装vue-cli）;

vue -V : 查看是否安装

vue init webpack vuecliTest :     vuecliTest是项目名，webpack模版名；这就是vue-cli自动为我们搭建的环境了

 

? Project name clitesttt

? Project description A Vue.js project

? Author caicai

? Vue build standalone

? Install vue-router? Yes

? Use ESLint to lint your code? No

? Set up unit tests No

? Setup e2e tests with Nightwatch? No

? Should we run `npm install` for you after the project has been created? (recommended) npm

 

   vue-cli · Generated "vuecliTesttt".

 

 

# Installing project dependencies ...

# ========================

 

 

> fsevents@1.1.3 install /Users/caijinsuo/Sites/vuecliTesttt/node_modules/fsevents

> node install

 

cd vuecliTesttt

  npm run dev

 

出现上面两行提示后  先输入cd vuecliTesttt  进入目录

然后输入  npm run dev 

 

Your application is running here: http://localhost:8081

 

最后出现这行说明安装成功

vue-cli构建的项目成功了   去查看吧！！！