Vue项目实战入门

Vue项目实战入门 第一天

使用vue创建项目，大体分为以下几步：

• 使用vue脚手架创建项目基本框架
• 安装插件
• 设置项目的目录结构
• 配置代理
• 设置模块结构
• 配置路由
• 具体开发

下面来分别介绍

使用vue脚手架创建项目基本框架

使用vue开发项目，首先需要在系统中安装node.js，然后使用npm安装工具安装相关插件，

第一步

node.js 下载

第二步

安装vue-cli（vue脚手架）

npm install vue-cli -g  

其中-g 表示全局安装，全局安装的好处是在任意一个目录打开cmd，都可以运行vue命令

第三步

使用脚手架创建vue项目
使用vue脚手架创建的项目分两种，一种是webpack项目，一种是webpack simple项目，webpack项目使用于大型的项目，webpack配置文件修改起来比较方便，可配置项比较多，如果对webpack不熟悉的话，也会比较好修改
webpack simple项目把webpack 配置项压缩在一个文件里，如果是做测试，demo，练习用就够用了
命令如下：

vue init webpa