首页 > 代码库 > vue开发环境

vue开发环境

一、安装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

vue开发环境