mycsdn

vue脚手架的创建

下载vue

npm install vue

安装vue脚手架

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

不同版本vue介绍

目前vue有vue2与vue3两个版本，虽然vue2目前是主流但不乏将要被vue取代的趋势
引入vue文件时有两种包，一个是vue.js另一个是vue.runtime.xxx.js,这两种包区别如下:

vue.js是完整版的Vue，包含：核心功能 + 模板解析器。
vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。

创建项目

vue create 项目名称

然后静静等待创建成功。
创建成功之后cd进入刚才创建的文件夹，然后运行vue项目

cd vue-echarts
npm run serve

以下是几个常用的命令

下载插件供我们的程序使用

npm install +插件名@版本号

运行vue程序（要在src所在的层级目录执行）

npm run serve

将写好的vue程序打包（打包后的程序可以通过nginx或toncat进行部署发布）会生成一个dist文件夹

npm run build

导出vue脚手架的默认配置

npm inspect >xxx.js

常规情况下vue脚手架中会包含以下文件及目录：

	├── node_modules 
	├── public
	│   ├── favicon.ico: 页签图标
	│   └── index.html: 主页面
	├── src
	│   ├── assets: 存放静态资源
	│   │   └── logo.png
	│   │── component: 存放组件
	│   │   └── HelloWorld.vue
	│   │── App.vue: 汇总所有组件
	│   │── main.js: 入口文件
	├── .gitignore: git版本管制忽略的配置
	├── babel.config.js: babel的配置文件
	├── package.json: 应用包配置文件 
	├── README.md: 应用描述文件
	├── package-lock.json：包版本控制文件