vue开发环境

Posted 2020-08-30 爱吃鱼摆摆

一、安装node.js

Vue项目通常通过webpack工具来构建，而webpack命令的执行是依赖node.js的环境的，所以首先要安装node.js。node.js的官方地址为：https://nodejs.org/en/download/，下载相应版本。

二、安装cnpm

cnpm是淘宝对npm的镜像服务器，这样依赖的包安装起来就快多了。安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.or。

三、安装脚手架vue-cli

装命令为：cnpm install -g vue-cli。输入vue检查是否安装成功。

四、创建新项目（比如在d盘下创建my-vue）

　1、D:回车，然后cd my-vue进入目录

　2、//使用vue-cli初始化项目

　　vue init webpack my-vue

　3、//进入项目目录

　　cd my-vue

　4、安装依赖包

　　npm install

　5、运行项目（高版本浏览器自动打开，或者浏览器输入localhost：8080）

　　npm run dev