vuejs开发(1)——项目构建

1. VUE简介

　　Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。官方网站   https://cn.vuejs.org/v2/guide/index.html

2. VUE环境搭建

(1) 直接使用<script /> 引入

　　直接下载vuejs文件进行本地引用

　　CDN支持 ： <script src="https://cdn.jsdelivr.net/npm/vue@版本号/dist/vue.js"></script>

(2) NPM命令安装

　　npm insatll vue

(3) 命令行工具CLI　

　　Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目，本文使用此方式构建环境

　　使用前请确保：

　　1、安装好node.js 
　　2、安装好npm 
　　3、安装好vue-cli

　　# 全局安装 vue-cli
　　$ npm install --global vue-cli
　　# 创建一个基于 webpack 模板的新项目
　　$ vue init webpack my-project
　　# 安装依赖
　　$ cd my-project
　　$ npm run dev

3. 使用CLI工具构建项目

　　1、进入项目文件夹
　　

　　　2、生成项目　vue init webpack MyTest

　　　

 

 

4 查看构建项目

　　可以在之前的路径下查看到 vue-cli 创建的基于webpack的项目文件