vue-cli2项目的创建

vue-cli基于webpack与node

安装Node

安装Vue脚手架3

npm install @vue-cli -g //安装的是vue-cli3 3的版本可以创建2的项目

关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

安装与卸载指定版本的脚手架：

npm uninstall -g @vue/cli
npm install -g @vue/cli@版本号

vue --version	查看版本

如果需要使用vue-cli3创建2vue-cli的项目：需要再安装一个包

npm install -g @vue/cli-init

脚手架2创建项目：

vue init webpack 项目名称

vue-cli2的项目结构：

  build：webpack的配置，但这里主要是插件、项目运行相关的配置
　config：也是webpack的配置，但不同是他主要是配置一些变量。和springboot的application.yml类似
　node_modules：依赖保存的地方
　src：写代码的地方
　static：静态资源存放的地方，比如html,css等等，不过像图片的话是放在src/assets目录下的
　.babelrc：babel的配置文件；babel是能将ES6转化成ES5的工具
　.editorconfiig：文本配置，也就是像文本代码，如html,css,js等使用的编码，缩进格式，换行符的配置
　.eslintignore：eslint是用来约束代码规范的，该代码也就是说哪些文件是不需要约束的，忽视掉
　.eslintrc：eslint的配置文件
　.gitigore：在上传到github时，哪些文件不需要上传
　index.html：项目的入口页面
　package.json：配置项目的基本信息和依赖的大概版本，这里强调一下，该文件的依赖版本只是指定大概的范围，具体真是下载的版本以package-lock.json为主
　package-lock.json：记录node_modules依赖的真是版本
　README.md：项目的说明书这样子