vue-cli

https://github.com/vuejs/vue-cli

 

webpack:我们使用的模块化工具

 

注：我们要在控制台先创建文件

然后在用hb打开

 

安装了脚手架工具以后我们在任意目录去执行命令

$vue

$webpack my-project

vue init webpack 项目名称

然后一路回车,下面的几个用no

 

4进入项目 。

 

5

再输入：

uullnn11$ npm install . 下载项目所需要的package

6

安装

 

 

执行命令： $npm run dev;

打包：npm run build

然后就会跳转到页面

 

打开页面：

node build/dev-server.js;

 

 

components:放组件的vue文件；

app.vue根目录;

 

给组件命名时：js中的驼峰 。 在html要用-

 

 

修该端口：config/index.js . & . config.js;

 

在vue中写组件的时候 ：

export default{

 

}

 

 

二、vue-cli详细配置

$npm run dev

实际上是执行了

$node build/dev-server.js

 

 

vue 安装版本

重新安装一下版本

"vue-template-compiler": "2.1.4"

"vue-loader": "10.0.0"

"vue": "2.1.4"

 

具体命令如下：

 

npm remove # 卸载某个版本

npm remove vue

npm remove vue-template-compiler

npm remove vue-loader

npm install vue@2.1.4 #安装指定版本

npm install vue-template-compiler@2.1.4

npm install vue-loader@10.0.0