Vue安装运行

1.创建Vue脚手架工程

1. 什么时候使用Vue-cli

1.如果你只是简单写几个Vue的Demo程序，那么不需要Vue CLI

2.如果在开发大型项目，那么就必然使用Vue CLI

a)使用Vue.js 开发大型应用时，需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情

b)如果每个项目都要手动完成这些工作，那无疑效率比较低，所有需要使用一些脚手架工具来帮助完成这些事情

2.CLI是什么

1.CLI 是Command Line Interface,中文名：命令行界面，专业名：脚手架

2.Vue CLI是官方发布的vue.js项目脚手架
使用Vue CLI可以快速构建Vue开发环境以及对应的webpack配置

3 Vue-cli 项目步骤

一、安装Vue-cli

1. 全局安装 npm i vue –g

2. 全局安装脚手架命令 npm i vue-cli –g

3. 查看vue脚手架工程模板 vue list vue -V
   如果提示
   删除C:\Users\Administrator.npmrc

4. 使用webpack工程模板初始化项目 vue init webpack project-name(项目名)

注意vue初始化基于webpack的project-name项目(项目名不能用大写字母)
例如我需要在E:\2019VueWork\vue-study中创建项目vue-test1那么我需要先在控制台跳转到E:\2019VueWork\vue-study，然后运行
vue init webpack vue-test1 具体情况如下

5.安装依赖包使用npm i 或者 cnpm i

6.运行项目使用npm run dev(在运行之前，需要跳转到项目路径)

4.Vue-CLI项目目录结构说明 打开项目vue-test1具体目录结构如下

在控制台跳转到项目路径，然后执行npm run dev ，项目会被运行到http://localhost:8080
具体操作如下

这时展示的浏览器中展示的界面如下：