npm+Vue.js搭建Vue前端项目

                                                   npm+Vue.js搭建Vue前端项目

一、相关概念

1.Node.js ：就是运行在服务端的 JavaScript，是一个基于Chrome JavaScript 运行时建立的一个平台，是一个事件驱动I/O服务端JavaScript环境

2.npm：Nodejs下的包管理器

3.webpack：它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包

4.vue-cli：用户生成Vue工程模板（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npm install就可以安装）

 

二、操作步骤

1.安装nodejs

2.安装vue脚手架：npm install vue-cli -g

3.创建一个vue 项目：vue-init webpack+appname

4.创建好后，安装依赖：npm instal

5.启动项目：npm run dev

6.vue项目开发完成后，打包项目：npm run build

 

三、具体操作：