创建vue-cli搭建起来的项目

命令行创建：vue init webpack （projectName）

init：创建

webpack：模板（一般都是用webpack非常的常用）

（projectName）：项目名称，注意一定要小写

需要用户干预的地方

? Project name test1

//项目名称确认，一般跟文件名称想用默认就行，必须全小写（回车下一项）

? Project description A Vue.js project

//给当前项目添加说明、描述，类似readme

? Author name <***@qq.com>

//作者（回车下一项）

? Vue build standalone

//选择运行和编译是否同步进行 默认就行（回车下一项）

? Install vue-router? Yes

//选择路由模式，这里必须选择  y = yes，如果不选择yes页面跳转会很生硬，不流畅

? Use ESLint to lint your code? No

//选择代码的规范，规范格式，书写等方面，新手写demo建议选择no，正规的项目开发一定要选择yes，有利于规范团队开发的可视化（后期可以改变状态）

? Set up unit tests Yes

//是否需要单元测试（回车下一项）

? Pick a test runner jest

//选择单元测试（回车下一项）

? Setup e2e tests with Nightwatch? Yes

//也是单元测试（回车下一项）

? Should we run `npm install` for you after the project has been created? (recommended) npm

//否应该在项目创建后为您运行' npm安装' (推荐)npm    （ 默认就好）

运行我们的vue项目

运行指令：npm run dev（在项目根目录运行）

运行结束后会返回一个访问路径：http://localhost:8080

浏览器访问看到vue欢迎页面就可以了，这里跟tomcat有异曲同工之妙

cnpm的镜像使用配置指令

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证cnpm是否安装成功 cnpm -v

出现版本号就代表成功了

安装好后通过 cnpm -install -gd vue-cli 安装vue脚手架

-gd的意思是安装到全局且开发与应用环境当中

安装完成后验证vue是否安装成功的执行指令

vue -V V一定为大写注意

出现版本号就代表成功了

npm是nodejs的包管理器，用于node插件管理，包括安装，写在，管理依赖等

创建vue-cli项目

vue init webpack 项目名

创建cli过程中部分配置内容

Install vue-router?(Y/n)：是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入y后会车即可。

Use ESLint to lint your code?(Y/n)：是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。

组件间兄弟传值

传值  Msg.$emit('val','1');  在methods种

接收值：在mouted中

Msg.$on('val',function(m){

            that.content=m

        })

创建vue-cli项目

• vue init webpack projectName

Install vue-router?(Y/N)是否安装vue-router,这是官方的路由，大多数要使用

Use ESLint to lint your code? (Y/N) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目都会使用。

vue会向下兼容，高版本可以运行低版本的项目，但是低版本的vue-cli运行不了高版本的项目

•  npm (node package  manager) 是nodejs的包管理器，用于node插件管理(包括安装、卸载、管理依赖等)

• cnpm   因为npm安装插件是从国外服务器下载，网络影响比较大，可能出现异常，淘宝团队分享了使用国内镜像来代替国外服务器

常用的DOS命令

cd 打开文件夹
md 创建新文件夹

dir 查看文件夹内容

cd.. 返回上一级

路由的history模式和hash模式的区别

前台：

前端：特指页面开发

        vue

        需要了解node衍生出来的npm指令

后端：为前端提供服务，页面跳转、变量共享等

         node.js

后台：

常用dos命令  

cd 打开文件夹              md   创建新文件夹

dir  查看文件夹内容       cd..  返回上一级文件夹

导入项目

1. npm install 

2. npm run dev

卸载vue-router

npm uni vue-router --save

安装vue-router

npm i vue-router --save

安装eslint

npm install eslint --save

卸载eslint

npm uninstall eslint --save

安装在开发环境

npm install eslint --save-dev