第一篇 vue-cli 构建初始项目

PS node环境安装略过....

1 安装 vue-cli 

在终端输入命令

npm install -g vue-cli

安装完成后，我们在终端中输入： vue -V   打印版本号 (ps:  V是大写重要的事情ps一下)  

此步骤截图如下

2 用vue-cli 初始化一个vue项目

1 进入到放项目的文件夹 PS(在文件夹下面右键 Git Bash Here 或者 shift+右键打开cmd 就不用CD进去了)

2 初始化一个名叫 vue-demo 的项目 命令如下

vue init webpack vue-demo

(ps 如果你写了项目名 就直接初始化 不然会又多一层的)

终端提示介绍：

1   ? Project name (vue-demo)  (PS: 问你是不是叫这个名字呀 回车 表示 确定) 
2   ? Project description (A Vue.js project) (PS 初始化一个vue小项目 确定吧)

3   ? Author (user.name <@>) (ps 作者 按回车)
4   ? Vue build (Use arrow keys)
      > Runtime + Compiler: recommended for most users
      Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific H
     TML) are ONLY allowed in .vue files - render functions are required elsewhere   (PS 编译器 继续回车)

5    ? Install vue-router? (Y/n)   (是否安装路由管理  是 继续回车)

6    ? Use ESLint to lint your code? (Y/n)  (是否用ESLint检查代码 继续回车)

7   ? Pick an ESLint preset (Use arrow keys)
     ? Pick an ESLint preset Standard
     ? Set up unit tests (Y/n)   (安装测试功能。输入 n 后回车。)

8 ? Setup e2e tests with Nightwatch? (Y/n) (测试的内容，输出 n 然后回车。)

$ cd vue-demo (进入项目)
   npm install  (初始化安装)

   npm run dev (运行项目)

上截图

安装 初始化截图(PS 打错单词了)

藐视项目截图 在浏览器输入 http://localhost:8080  (成功了)