新建vue项目

新建vue单页面应用

使用vue/cli新建，基于webpack

$ node -v  //查看node版本（已安装
$ npm -v  //查看npm版本（已安装
$ npm config set registry https://registry.npm.taobao.org   //配置淘宝镜像安装相关依赖
$ npm install vue-cli -g    //安装vue-cli脚手架构建工具
$ npm config list   //查看vue-cli是否成功

  // 新建项目（vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板，另外还有 simulatedgreg/electron-vue模板名
$ vue init webpack test1  
$ npm run dev //运行项目
// electron-vue的模板
$ vue init simulatedgreg/electron-vue test10  

 //新建项目（vue-cli3.x的初始化方式、可选择vue2.0或3.0）
$ vue create test2 
$ npm run serve  //运行项目 

使用vite新建 vue 3.0
不基于webpack，速度更快，体积更小，仅支持vue3.x，不支持2.x，并且目前还不是很稳定，正在完善中，建议将来使用

$ npm init vite-app test3  //新建项目test3（vue3.0)
$ npm install //安装依赖 
$ npm run dev //运行项目