vue简易项目搭建

一、vue项目搭建前

1.安装nodeJs环境

1、下载地址为：https://nodejs.org/en/
2、 检查是否安装成功：如果输出版本号，说明我们安装node环境成功
3、输入node -v

2.安装淘宝镜像

1、为了提高我们效率，可以使用淘宝的镜像：http://npm.taobao.org/输入npm install -g cnpm –registry=https://registry.npm.taobao.org即可安装淘宝镜像，npm拉取下载效率提升

2、检查是否安装成功，输入cnpm -v

3、到这里vue项目就环境方面就初步搭建完毕，如上几步已做过的小伙伴可以直接跳到vue搭建时目录

二、vue项目搭建时

1、全局安装vue-cli，输入npm install --global vue-cli
　

2、在你想要搭建的项目空文件中打开cmd窗口
　
3、并在cmd窗口内输入npm install -g @vue/cli,此时就会在文件夹内生成vue的一些文件

4、后面再输入vue create 项目名，就会让你选择vue版本，回车进入，在输入想要的版本后，如我选择的自定义

5、让你选择你需要的组件，空格是选中，到选择vue版本处回车进入
6、这里选择是history还是经典加#的router，如果不懂可以跟着我选


7、这里是保存你选择的模型，下次如果要搭建项目就可以直接选择这个了，选填


8、最后执行这两句话就可以启动你的项目了，也可以用IDEA或者VSCode打开项目启动