VUE环境搭建以及安装 --生成项目

注:本人也是一名初学者,在工作清闲之余,多学习一些语言,
博客参考http://blog.csdn.net/wu__di/article/details/54234894

  • 配置淘宝镜像
  • 配置webpack环境
  • 配置roolup打包环境
  • 安装vue-cli
  • 创建vue项目

1、配置淘宝镜像(cnpm)
npm?为什么要用到npm,因为vue是通过webpack构建项目,webpack依赖node.js,所以需要先安装node.js,node.js的官方地址为:https://nodejs.org/en/download/,,比如我的电脑是windows 64位
vue---环境搭建以及生成项目下载安装完成之后,按win+R键输入npm,看看有没有成功!OK,接下来安装cnpm
vue---环境搭建以及生成项目
看看成功没?
npm 1s -g
vue---环境搭建以及生成项目
2、配置webpack环境
关于环境路径问题,进入你想创建项目的文件路径下,比如我的项目时建立在e盘,work文件夹下的vue-dev文件夹下面,如图:
npm install webpack --save-dev
vue---环境搭建以及生成项目
3、配置rollup打包环境
npm install rollup-plugin-alias
vue---环境搭建以及生成项目
此时,输入vue,回车,看看有没有配置成功!
4、创建一个vue项目
vue init webpack vue-demo(注:这里的vue-demo就是项目的名称)
vue---环境搭建以及生成项目
5、启动项目
用命令"cnpm install”安装该工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,node_module文件夹会被新建,而且根据package.json的配置下载该项目的modules。(mytest代表项目文件名称)
vue---环境搭建以及生成项目
运行
cnpm run dev
vue---环境搭建以及生成项目

如有bug,请告知,如有问题,请提问,相互学习

转载请标明出处,祝天天开心!

相关文章:

  • 2022-02-21
  • 2021-09-23
  • 2021-05-17
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-04-20
  • 2021-06-04
  • 2021-07-17
  • 2021-09-05
  • 2021-10-16
  • 2021-07-24
  • 2021-11-25
相关资源
相似解决方案