VUE开发环境搭建

1、安装node.js    下载地址https://nodejs.org/en/

      安装成功后在命令行中输入: node -v

2、淘宝的cnpm命令管理工具可以代替默认的npm管理工具: npm install -g cnpm --registry=https://registry.npm.taobao.org;

3、淘宝镜像安装成功之后,我们就可以全局使用vue-cli脚手架,输入命令:cnpm install --global vue-cli  回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功

      命令行输入:vue

4、创建VUE 项目

      在命令行提示符中切换到相应的路径

      输入创建相应的vue工程:vue init webpack my_vue_project

     安装工程所需的依赖输入命令:cnpm install

      部署vue工程:npm run dev

      默认访问路径:http:\\localhost:8080

      在config 下的index.js 下修改端口号

5、vue开发工具安装:

      下载Visual  Studio Code  开发工具

 

你可能感兴趣的:(VUE)