vue环境准备及vue.js 项目运行

一、好言

没有人一路单纯到底，但请别忘了最初的自己。

二、背景

最近公司在重构后台系统，引入vue,并且使用饿了么后台框架，所以乘国庆加班，学个基础吧。

三、环境配置及运行

3.1、环境配置

安装node，我下载的是最新的地址，点击node进入官网下载,具体步骤如下

step_1.png

下一步下一步...

3.2、webpack打包安装

webpack介绍：

image.png

webpack安装如下：

webpack_1.png webpack_2.png

3.4、怎么新建项目

首先需要安装vue-cli,我看对于这个都叫做脚手架，这里是一些脚手架项目模板，模板可以在看github查看相关模板信息。

image.png

然后使用vue来新建项目

vue init webpack vuedemo

image.png

运行项目命令如下

npm init
npm install
npm run dev

image.png image.png image.png image.png

vuedemo运行效果

image.png