vue创建项目过程（命令创建）

前言

默认已经安装好vue环境，如nodejs，该文是在环境装好后创建vue项目，主要是对创建项目相关命令学习

正文

首先在某个目录下cmd，输入以下命令，初始化一个名叫hello-vue

vue init webpack hello-vue

一路回车，yes/no的都选no，然后中间有个可以选第一个还是第二个的，选择第一个，如下两图

然后就会出现hello-vue文件夹，初始化项目就有了，然后需要安装各种插件和组件，这里都用npm方式安装，也是推荐的安装方式

cd进入hello-vue，开始安装各种插件

安装vue-router插件

npm install vue-router --save-dev

然后安装element-ui

npm i element-ui -s

安装依赖，这个过程下载2w+多个依赖，要下载一会儿

npm install

安装sass加载器

cnpm install sass-loader node-sass --save-dev

cnpm表示用国内淘宝的下载，这里最好用npm，npm下的有问题，再用cnpm

启动测试

npm run dev

启动后，如下

IDEA打开这个hello-vue目录

在src中加router路由目录和views视图目录

view目录右键可以建Vue项目

大致目录都建完毕，可以放相关文件，主要是对创建命令的学习

npm run dev后想停止跳出，可以ctrl+c，再输入y，然后又可以在终端上输入命令了

最后可以再装一个负责网络通信的axios

cnpm install axios -s

以上就是创建过程，然后只要会Vue的用法，会结合ElementUI进行使用即可，后面将试着用vue.js+SpringBoot写一个增删改查（CRUD）