1.安装node.js

下载地址:http://nodejs.cn/download/

测试是否安装成功

node -V  检测安装包
npm -v 检测npm

2、安装webpack

npm install -g webpack
npm install webpack-cli -g

从webpack 4.X开始,需要全局安装webpack-cli

测试是否安装成功

webpack --version  || -v

3、全局安装vue-cli,在cmd中输入命令

npm install --global vue-cli
npm install -g @vue/cli // 3.0 || npm install --global @vue/cli

检测是否安装成功

//  注意这里是大写V 
vue -V

打开C:\Users\Andminster\AppData\Roaming\npm目录下可以看到    APPData是隐藏文件,打开 打开node_modules也可以看到  就能看到cli

4、用vue-cli来构建项目

vue init webpack demo   // 2.0
vue create demo     // 3.0

5、安装依赖

npm install

6、启动项目

npm run dev        //    2.0
npm run serve    // 3.0

ok!

网速不好的可以暗转淘宝镜像

npm淘宝镜像安装命令

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

喜欢的小伙伴可以关注我公众号“前端为大叔”

最新文章

  1. Sharepoint学习笔记—习题系列--70-576习题解析 -(Q112-Q115)
  2. python gevent 协程
  3. angular(3)服务 --注入---自定义模块--单页面应用
  4. Thinkphp源码分析系列(一)–入口文件
  5. XML的Pull解析
  6. Linq查询操作之投影操作
  7. 【NOIP2013】【P1441】花匠
  8. Oracle EBS R12 WIP Component Issue&Return Process
  9. HDOJ --- 1176 免费馅饼
  10. <Win32_8>由浅入深——滚动条
  11. BZOJ 2752: [HAOI2012]高速公路(road)( 线段树 )
  12. SPOJ GSS1_Can you answer these queries I(线段树区间合并)
  13. iOS学习——布局利器Masonry框架源码深度剖析
  14. Java中的Throable类是不是受查异常?
  15. LuoguP4234_最小差值生成树_LCT
  16. 图说Oracle基础知识(一)
  17. nodejs实现新闻爬虫
  18. yolov3源码darknet在vscode下调试
  19. TableLayout中collapseColumns,stretchColumns的介绍
  20. Intellij IDEA打开就闪退或关闭

热门文章

  1. Linux 安全工具之extundelete误删除恢复
  2. Https 协议解析
  3. [SQL Server 视图的创建- (create view必须是批处理中仅有的语句问题)]
  4. 十、封装assertResponse响应断言
  5. leetcode1282 用户分组
  6. ES5与ES6常用语法教程之 ④展开运算符...在数组和对象中的作用
  7. PHP define defined const
  8. 【MM系列】SAP技巧之更改布局
  9. random、json、pickle、hashlib、hmac、shutil、shevle模块
  10. pypy3.6的下载地址和安装第三方依赖