Vue开发环境搭建

1.安装Node.js(vue的运行是要依赖于node的npm的管理工具来实现的)

  node 下载:http://nodejs.cn/download/

2.检查node是否安装好

  输入 node -v ,回车,会输出node的版本号

3.安装淘宝cnpm管理工具因为npm国内使用npm是非常慢

  npm install -g cnpm --registry=https://registry.npm.taobao.org

下面这个是 老版本的 vue-cli的  新的介绍和地址 新的命令和老的命令不一样

4.使用vue-cli脚手架,

  输入命令:cnpm install --global vue-cli  回车 验证是否安装成功

  再命令输入vue,出来vue的信息,及说明安装成功;

5.切换路径到你想放vue项目的路径(vue下载下来的文件比较大)

  然后命令行键入创建一个基于 webpack 模板的新项目

  vue init webpack my-项目名称  回车,输入之后就一直回车,直到出现是否要安装vue-router

  用到的模块就输入y,暂时用不到的就输入n

6.切换到项目路径下输入

  cnpm install

7.测试是否安装好

  npm run dev 

参考:https://www.cnblogs.com/winter92/p/7117057.html

posted @ 2020-01-15 22:40  Angry-rookie  阅读(120)  评论(0)    收藏  举报