搭建Vue开发环境以及打包流程
分为以下几个步骤
1.在此之前,需下载node.js,因为vue的运行要依赖node的npm工具来实现
下载地址:http://nodejs.cn/
安装成功后,在docs(win + R 输入cmd)中输入 node -v
2.安装淘宝镜像--(由于国内使用的npm非常慢,这里推荐安装应使用淘宝镜像)
在docs中执行 npm install -g cnpm --registry=https://registry.npm.taobao.org
或者 npm i cnpm -g
执行成功后,在docs中输入 cnpm -v 检测版本号
3.安装脚手架
在docs中执行 cnpm install -g vue-cli
执行成功后,在docs中输入 vue --version 检测版本号
注释:如果提示“无法识别 'vue' ” ,有可能是 npm 版本过低,可以使用 npm install -g npm 来更新版本
4.开始创建属于自己的第一个Vue项目
4.1:vue init webpack vue-web vue-web项目的名称
4.2:Use ESLint to Lint your code? ES6代码风格检查 ---严格模式 y(no)
4.3:Setup unit tests with karma+Mocha? 单元测试 (no)
4.4Setup e2e tests with Nightwatch? 使用NightWatch设置E2E测试(no)
5.运行项目--vue-web
5.1:初始化项目 cnpm(npm) i/install
5.2:运用项目 cnpm(npm) run dev
6.打包项目
cnpm(npm) run build
总结:环境搭建是前提,然后就跟着步骤走。就绝对没错。如有疑问欢迎评论交流。