VUE项目创建

vue项目的创建分为两步，环境的安装和项目的初始化

环境安装

nodejs安装

vue依赖于nodejs，所以首先要进行nodejs的安装。

选择一个版本进行下载，等待下载完成之后双击安装，一路下一步即可。

安装完成之后，打开cmd窗口，输入

node -v

和

npm -v

出现如下显示代表nodejs安装成功。

建议执行一下

npm install -g npm

将npm的版本升级到最新。

到此vue项目创建的环境已经搭建完成，接下来进行项目的初始化。

打开你要创建项目的文件夹，在文件夹地址栏输入cmd，进入cmd窗口，以我电脑上F:\demo为例

vue-cli安装

npm install vue-cli -g 

项目初始化

执行

vue init webpack “vue_demo”

如果只是想单纯看一下效果，直接在当前页面执行

cd vue_demo
npm install
npm run dev

或者

cd vue_demo
cnpm install 
cnpm run dev

等到出现如下图显示的时候，项目初始化完成。