美文网首页
webpack+vue搭建

webpack+vue搭建

作者: HZS_7746 | 来源:发表于2017-09-30 15:29 被阅读0次

第一步:安装node.js

第二步:安装cnpm使用淘宝镜像(安装node自带npm)

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

第三步: 安装vue-cli脚手架构建工具

 npm install -g vue-cli (失败的话 推荐使用 cnpm install -g vue-cli)

第四步:可以开始创建项目了

打开dos窗口 进入想要创建项目的目录

 vue init webpack saber (saber项目名,推荐 有test的时候输入 n 不咋用到test 省时间) 

第五步 安装项目依赖

npm install (cnpm install)

最后一步:启动项目

npm run dev

相关文章

  • webpack

    从 0 到 1 搭建 webpack2+vue2 自定义模板详细教程 最详细的 webpack+vue 构建指南。...

  • webpack+vue搭建

    第一步:安装node.js 第二步:安装cnpm使用淘宝镜像(安装node自带npm) npm install -...

  • vue+webpack4+webpack-dev-server的

    跟着慕课网的Jokcy老师做了一个todo项目,其实详细描述了webpack+vue的环境搭建。大概由于版本问题,...

  • 从零开始用webpack+vue 搭建前端工程的基本过程

    webpack+vue 搭建前端工程的基本过程 目标: 配置开发时的前端工程 环境 win10家庭中文版+node...

  • Webpack+Vue手动搭建

    前言 看了很多童鞋关于用webpack手动搭建vue项目的文章,自己从中也学到了一些,在这里做个小的栗子,供以后学...

  • webpack+vue搭建vue项目

    1 新建一个vue项目。 首先我们使用新建一个目录 wue-webpack-test 在项目目录下输入一下命令np...

  • webpack+vue

    webpack+vue创建简单项目 https://blog.csdn.net/winnergod/article...

  • vue-loader简介

    在最初使用webpack+vue时,看到vue里面各种语法,包括import,export,html和css的写作...

  • webpack+vue

    安装node 根据不同的系统安装node环境 全局安装webpack和vue-cli npm install we...

  • 还是觉得webstorm用着舒服

    最近试着用webpack+vue做小项目,发现webstorm版本老(2016),对vue文件支持不好,在vue文...

网友评论

      本文标题:webpack+vue搭建

      本文链接:https://www.haomeiwen.com/subject/lsagextx.html