创建一个vue项目

什么是vue

vue就是一个js库，并且无依赖别的js库，跟jquery差不多。vue的核心库只关注视图层，非常容易与其它库或已有项目整合。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。

下面开始创建一个vue项目

第一步npm的安装

在https://nodejs.org/en/download/网站中下载，下载后（傻瓜式）安装

安装界面（一直点Next即可）

安装完场后 打开控制命令程序 输入 “cmd”。

进入界面输入“node -v”和“npm -v”检查是否正常。（若出现版本号即正常）

如果不是最新版本，可以运行 ”npm install -g cnpm“指令，这样就可以安装到最新版本了

国内网络不好下载官方镜像 可使用淘宝镜像
”npm install -g cnpm --registry=https://registry.npm.taobao.org“

这样就可以使用cnpm命令了。

第二步项目初始化

第一步：安装vue-cil
cnpm install vue-cli -g //全局安装 vue-cli

（本人已安装就不截图了。）

输入vue -V (注意是大写的V)查看vue-cli脚手架的版本

选定路径，新建vue项目，这里我是在桌面上新建了demo文件夹，cd目录路径
首先输入npm install -g @vue/cli-init

然后输入vue init webpack 项目名称。

运行完后效果展示。

现在已经创建好了，那就让项目先安装下依赖再运行一下，会出现下面的页面，操作指令是：

npm install

npm run dev

注意这里要先 安装在运行（这里无视WARN 警告）

最后输入npm run dev

在浏览器看到这个界面就可以啦。

这样创建一个vue项目就完成了。