1.安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安装webpack: cnpm install webpack -g
3.安装vue脚手架: npm install vue-cli -g
4.根据模板创建项目: vue init webpack 项目名称
5.选择项目文件夹: cd 项目名称
6.安装项目依赖: npm install
7.安装 vue 路由模块vue-router和网络请求模块vue-resource: cnpm install vue-router vue-resource --save
8.在开发环境下启动项目: npm run dev

注意:
1.有的时候由于 npm 不是最新的版本,用 老版本就会出现报错
解决办法: npm update -g
2.如果你用的是老版本的 vue-cli 还可能报其他错误,
需要更新一下vue-cli: npm update vue-cli

从零开始创建一个vue项目相关推荐

  1. 从零开始创建一个vue项目 1

    从零开始创建一个vue项目 创建空文件夹,存放相关目录,cmd进入命令行 vue init webpack token 创建项目(除eslint,其它都yes) 打包配置config下面的index. ...

  2. 从零开始创建一个uni-app项目

    从零开始创建一个uni-app项目 新建项目 目录说明 文件结构 安装uview 安装ucharts 新建项目 创建uni-app项目首先要下载HBuilder X,HBuilderX下载地址: 下载 ...

  3. 从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一)

    从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...

  4. 使用VSCode创建一个Vue项目

    使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...

  5. 使用webpack脚手架创建一个vue项目

    使用webpack脚手架创建一个vue项目 前言介绍 前期环境准备 开始创建项目 实例 交流 前言介绍 创建vue的项目方式有很多种,这里仅介绍使用webpack脚手架来创建一个vue项目,下面将创建 ...

  6. 安装Vue node 及 创建一个Vue 项目

    安装Vue 和 node 及 创建一个Vue 项目 一 下载node.js安装包 1 下载资源包,然后安装 2 点击以上的Run(运行),将出现如下界面,然后一直点击Next 直达安装完成 3 检测P ...

  7. 如何创建一个vue项目

    首先要准备好node.js  npm,vue-cli 创建一个vue项目,使用脚手架创建具体命令如下 vue init webpack 项目名称 然后回车 Project name  项目名称   ( ...

  8. 从零开始,创建一个VUE项目,详细图文详解。

    准备工作 1.安装VScode 点击下载 2.安装node 点击下载 3.安装npm 点击下载 一.步骤详解 1.创建项目的文件夹.比如F盘下新建一个名为MyDemo的文件夹,打开VScode进入My ...

  9. 前端--使用webstorm创建一个vue项目

    一.webstorm的安装: 1.什么是webstorm WebStorm是jetbrains公司旗下一款JavaScript 开发工具,和IntelliJ IDEA同源. 再多的,可以 2.webs ...

最新文章

  1. fatal error all goroutines are asleep - deadlock!
  2. Java并发编程之CAS
  3. 在linux查看内存的大小
  4. DEPENDS工具和DUMPBIN工具使用
  5. Android_bug之Default Activity not found
  6. 《iOS网络编程与云端应用最佳实践》微博转发送书了!
  7. 【kafka】google提供的一些好用的并发工具类
  8. cocos2dx游戏开发简单入门视频教程 (cocos2d-x)- 第1天
  9. SSIS中的字符映射表转换组件
  10. Web常见前端面试题及答案
  11. 科研小技巧——论文投稿视频制作指南
  12. Protel.DXP2004 电路板设计
  13. STM32F103的SPI口进行OLED屏的使用
  14. 【MOOC】计算机网络与通信技术笔记(北交)(3)数据链路层
  15. websocket 发送数据大于0xFFFF(65535)的处理
  16. “查看更多”功能,较完美的实现
  17. linux硬盘ro改为rw,RO,RW,ZI 和scatter file详解(转载)
  18. radiobutton去除圆圈_安卓修改RadioButton圆圈样式(非直接图片替换)
  19. ECMAScript 2015 ES6
  20. 本月,我最推荐的意外保险排行榜

热门文章

  1. 《信息检索》第8讲 毕业论文学习指导(资源及预习材料)
  2. 8行代码教你搞定导航控制器全屏滑动返回效果 ————转载
  3. Sencha 自定义组件函数回调
  4. Eclipse c++ 中[Linker error] undefined reference to `WSAStartup@8'的解决办法
  5. PrincipleCTEbook
  6. Git 在推送(Push)信息的时候提示git did not exit cleanly (exit code 1)的解决办法
  7. Linux程序在预处理、编译、汇编、链接、运行步骤的作用
  8. Java 字符串拼接 StringBuilder() StringBuffer
  9. VSCode从非根目录编译golang程序
  10. “会”和 好”纯粹是两个概念