Vue环境安装和部署

1，如果是初学者，希望用Vue写一个简单的程序，可以引用Vue的Js即可。不需要使用VUE CLI构建工具。写好后部署在IIS下面即可。

开发环境：

        最简单的，使用记录本即可。如果想体验好一点的编辑器，建议使用Sublime Text 或 Visual Studio Code

部署：

        使用系统自带的IIS作为Web Server即可。请记得在生产环境下使用压缩后的版本 (vue.min.js)

2，如果不是初学者，已了解了Vue的一些基础知识，可以通过Vue CLI的构建工具来创建一个DEMO来学习一下。毕竟，我们后期实践，用Vue CLI的可能性要大一些。

开发环境：

        1，安装Nodejs的Msi 或 Exe安装包，安装方式参照：Node.js 安装配置 | 菜鸟教程

        注意：NodeJs默认包含NPM（NPM主要通过一些命令，实现安装包的下载、安装，后面很多地方用得到），安装NodeJS另外一个用处就是Vue程序在开发时，需要预览时，利用NodeJS的Web Server功能。直接启动通过http://localhost:XXX/ 访问。

        2，安装Vue

npm install vue

        3，安装Vue CLI 脚手架

npm install -g @vue/cli  

        4，查看当前vue-cli的版本
vue --version或者vue --V

  5，创建一个Vue项目：

        以管理员身份打开命令行界面，进入任意一个想要创建项目的文件夹
输入：

vue create my-project

   6，启动这个Vue创建的网站系统：

cd my-project //进入项目目录

npm install //安装

npm run serve  //编译运行

* 开发过程中，建议使用Vue ui命令启动脚手架程序管理你的项目：

部署：

开发完成，需要部署到正式环境，可以先Build，生成dist目录，然后将dist目录内容拷贝到任意Web服务器下面即可。

       命令：

 cd my-project //进入目录

 npm run build //编译，输出dist文件

生成好的静态文件在"/项目根目录/dist"目录下面。你可以将这个文件夹布在iis或apache、tomcat之类的任意Web服务器下面。