搭建node.js环境:
官网下载https://nodejs.org/zh-cn/
安装成功后:键盘win+r cmd
node -v 版本号,安装成功,npm -v 显示版本信息
管理员方式运行cmd安装cnpm:
npm install -g cnpm --registry=http://registry.npm.taobao.org
cmd安装vue-cli脚手架构建工具:
cnpm install -g vue-cli
补充操作:
vue --version 查看版本
npm uninstall vue-cli -g 卸载脚手架版本
npm install -g @vue/cli 下载新版本
npm install @vue/cli-init -g下载低版本,模板可以用下边版本
安装 webpack打包工具g代表全局应用:
npm install webpack3.6.0 -g
构建运行项目 :
进入项目目录cmd,回车
vue init webpack frontend 回车,(这里命令的意思是初始化一个项目,项目名称是frontend,其中webpack是构建工具, 也就是整个项目时基于webpack的)
cnpm install 回车,安装的依赖资源
npm run dev 回车,出现这种说明是新项目,npm run dev 启动的是老项目
npm run serve 回车,启动成功