VUE前端项目环境搭建
一、vue开发环境搭建
1、安装nodejs
步骤:在node官网( https://nodejs.org/en/download/)选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,在cmd控制台输入
node -v
如果出现版本信息即表示安装成功。
2、查看npm包管理器信息
npm包管理器是集成在node中的,所以直接输入
npm -v
就能查看到版本信息,若出现版本信息则表示npm能正常使用。
3、安装淘宝镜像
输入
npm install -g cnpm --registry=http://registry.npm.taobao.org
安装淘宝镜像安装相关依赖。
4、安装Vue-cli脚手架
安装vue-cli脚手架构建工具,输入命令
npm install -g vue-cli
安装完成即可。
5、安装yarn
npm 安装yarn输入
npm install -g yarn --registry=https://registry.npm.taobao.org
安装yarn下载安装依赖包的速度会快一点,在配置下源,输入:
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
二、运行vue项目
1、安装依赖包
安装依赖包,cmd进入到项目的文件夹下,输入:
cnpm install
(此过程稍长,耐心等待),安装完毕
2、启动项目
npm run serve
启动项目,如无报错,启动完成。
三、打包发布
在项目根目录下输入:
yarn build-prod //打包生产环境
yarn build-test //打包测试环境
根目录下会生成dist文件夹,就是打包后的项目。