用 vue-cli(2.X) 搭建项目的流程
1. 安装 node 环境:直接到中文官网 http://nodejs.cn/ 下载自己所需的安装包
2. 检测 node 是否安装成功:在终端输入 node -v 和 npm -v,如果出现以下结果,则安装成功。如果不成功请先清除缓存 npm cache clean,然后重新安装即可。
3. 全局安装 vue-cli:npm install -g vue-cli
4. 检测 vue-cli 是否安装成功:vue -V
5. 创建项目:
5.1 在终端进入项目要存放的目录
5.2 终端输入:vue init webpack projectName(项目名称) (这是创建 webpack 模块的项目,vue的模块很多,可以去github上自行查看 https://github.com/vuejs-templates)
5.3 命令执行之后,在终端会看到一堆配置,比如eslint, 项目描述,作者,单元测试等,根据自己的需求配置即可。
5.4 配置完成后,会在当前目录生成一个以projectName命名的项目文件夹
6. 启动项目:
6.1 进入项目:cd projectName
6.2 安装依赖:npm i
6.3 启动项目:npm run dev
7. 项目打包:npm run build
备注:
1. 如果 npm 安装东西较慢,可以使用淘宝镜像安装,比如:
1.1 直接在最后添加淘宝镜像路径:
npm i --registry=https://registry.npm.taobao.org
1.2 安装一下 cnpm,用 cnpm 来代替 npm:
npm install -g cnpm
cnpm i
2. 如果 npm 版本较低,可使用命令升级 npm:npm install -g npm
3. yarn 和 npm 功能一样,底层都是指向node官网的依赖模块,所以也可以使用 yarn 来代替 npm