vue新旧版本创建项目

前端部分

环境配置

使用Vue开发下载安装node，Vue-cli，npm是必不可少的

node.js/Vue.js/npm

node.js，npm 安装

node.js 点击查看

Vue.js 脚手架安装并创建项目

查看是否已安装好node，npm 

node -v  查看 node
npm  -v  查看 npm

如果npm版本低于3.0则需要升级npm

如果cnpm安装失败问题也不大，npm只是速度相对cnpm会慢一点

下载cnpm比npm速度更快

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 Vue 脚手架

旧版本
cnpm 安装 cnpm install -g vue-cli
npm  安装 npm install -g vue-cli
新版本
cnpm 安装 cnpm install -g @vue/cli
npm  安装 install -g @vue/cli

查看vue是否安装

创建项目

方法一:如果是使用新版的vue可以使用Vue ui创建项目

vue ui

点击创建项目输入项目名称下一步即可

或者使用命令创建项目
vue create 项目名
或vue init webpack 项目名

方法二

vue init webpack 项目名 

默认下一步

安装完成之后使用编译器打开项目

如果使用的是新版的vue

差别：新版的vue需要自己配置vue.config.js