前端部分
环境配置
使用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