Vue(一)vue-cli搭建Vue项目

vue项目搭建

• vue项目快速搭建工具——vue-cli

• vue-cli是基于node环境的一个命令行工具。也就是说要执行命令

1. 安装
   npm install vue-cli -g 安装

2. 使用

   1. 创建项目文件夹 如：d:/mypro
   2. 进入文件夹，执行命令：vue init webpack [项目名称] 初始化一个vue+webpack项目

? Project name learn
? Project description A Vue.js project
? Author leiyang <leiyang_39@163.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

3. 运行
   1. cd learn在文件夹中，执行npm install 更新项目的依赖模块【node_modules】项目搭建完成！
   2. 命令行进入文件夹，执行令 > npm run dev 以开发模式启动项目服务器
      就可以打开浏览器通过http://localhost:8080访问项目

学习网站

• vue
• vue-router
• axios
• iview