0
点赞
收藏
分享

微信扫一扫

vue-cli脚手架的环境配置与搭建


对于初学者而言,环境配置 是第一步: 

前提安装好node不再赘述

可以在自带的命令行中运行,也可以在webstome中运行

以下命令是在终端CMD中运行的

  1. 安装cnpm,淘宝镜像,它的速度要比npm要快         npm install -g cnpm --registry=https://registry.npm.taobao.org
  2. 安装webpack;这一步可以省略                                cnpm install webpack -g
  3. 全局安装Vue                                                           cnpm install -g vue
  4. 全局安装Vue脚手架                                                cnpm install -g vue-cli
  5. 使用脚手架创建新项目;要先使用cd 命令转到要放置项目的目录             vue init webpack 项目名

接下来会有项目的配置;

你看不懂无所谓;一路按enter就行

注意:看到Eslint字样选no

完成后安装项目依赖文件;先cd命令转到项目的根目录

                                                                                                                cnpm install


vue-cli脚手架的环境配置与搭建_vue

vue脚手架

vue-cli脚手架的环境配置与搭建_vue脚手架_02

接下来可以启动监听端口了

                                                                                                                 npm run dev

你可以看到一个演示的例子

剩下的就是写Vue了;至于怎么写,加油哦!

到这的时候,vue脚手架的环境基本搭建完成,下面讲解一下脚手架的结构:

vue-cli脚手架的环境配置与搭建_json_03

 

注意在下载某个模块时,特别是合作开发时,必须加 --save,例如:npm install vuex --save

这样在package.json中就会记录模块的版本信息,而且合作开发中在后期代码合并时是会删掉node_modules的,主要是因为占用内存太大,项目上线是有大小要求的。而我们唯一可以知道同伴使用了哪些模块,就可以通过package.json查找了:

vue-cli脚手架的环境配置与搭建_json_04

 

举报

相关推荐

0 条评论