Vue项目从搭建环境到打包上线

新建VUE项目

1.本地新建项目
输入命令：vue init webpack 项目名称回车
创建完成之后的提示:

创建过程中选择项:

? Project name firstvue
? Project description A Vue.js project
? Author @zhangyuanzheng1996 <1326738995@qq.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? 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

创建完之后会出现新建项目文件夹 名称为自己
定义的项目名
2.进入项目文件夹在项目里安装依赖
文件夹已经下载好了，现在就可以进入文件夹，输入：

 cd 项目名称 

回车进入新建的项目
输入命令：

cnpm install

3.运行新建项目
\firstvue\config下的index.js修改端口号，默认端口号为8080，可根据实际情况修改为自己需要的

进入项目 输入命令

cnpm run dev

回车运行

浏览器输入：

http://127.0.0.1:8087/

出现此页面代表成功运行

ps:安装过程和项目已经放在gitlab下:
克隆传送门:下载去吧，老Baby