Vue2.0 实战项目(一) 安装vue.cli
1.打开Vue脚手架的github地址:https://github.com/vuejs/vue-cli,在README查看如何安装
2.通过npm安装vue
npm install -g vue-cli
安装完之后运行vue命名
vue init:安装模板
vue list命名:定义了哪些可以安装的模板
3.通过webpack模板安装
vue init webpack myProjectName
项目建立过程中,有如下选择
3.1项目名称
3.2项目描述
3.3作者名称
3.4搭建vue
3.5是否安装vue-router
3.6是否在代码中使用ESLint(ES6代码风格检查器)
3.7是否创建Karma+Mocha的单元测试
3.8是否创建Nightwatch的e2e测试
创建完项目之后会出现提示
4.切换到创建的项目目录,然后安装依赖文件
cd myProjectName
npm install
安装完之后会发现多了一个node_module文件夹,然后执行run dev
npm run dev
可以看到执行了一个node的server
在浏览器中打开localhost:8080,可以看到我们的项目已经启动了。