vue-cli--项目的构建

1、node.js安装

   https://nodejs.org/en/download/

   .msi方便以后npm的使用

 

 .命令行中输入npm -v  检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node

2、安装vue-cli

  npm install -g vue-cli

 .-g代表全局安装

.命令行中输入vue -V检测你是否安装了vue-cli和版本情况。出现版本号说明你已经安装了

3、使用vue-cli初始化项目

   vue init webpack my-project

.init：表示我要用vue-cli来初始化项目

.webpack:模板名称(常用)，vue-cli提供了5种模板 webpack/webpack- simple/browserify/browserify-simple/simple

.my-progject:标识项目名称,自定义

.Project name :项目名称 ，注意不能使用大写

.Project description:项目描述

.Author：作者

.Install  vue-router? 是否安装vue的路由插件，自己决定

.Use ESLint to lint your code? ESLint一个代码语法规范检查工具。一般不需要

.setup unit tests ? 是否需要安装单元测试工具， 一般不需要

.Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试， 一般不需要

4、进到目录

cd my-project

5、安装模块下代码的依赖

  npm install

6、开始运行

 

7、访问