美文网首页
vue全家桶系列一:项目前期准备

vue全家桶系列一:项目前期准备

作者: 茵小青 | 来源:发表于2019-03-13 15:29 被阅读0次

1.安装node.js

Node.js官方安装包及源码下载地址:https://nodejs.org/en/

检查是否安装成功:输入node -v

2.安装淘宝镜像cnpm,解决npm外国安装过慢问题

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

3.使用 cnpm 安装 vue-cli 脚手架和 webpack

cnpm i -g vue-cli

检查是否安装成功:输入vue -V(v大写)

4.初始化项目

vue init webpack 项目名称

之后一路回车

5.进入项目目录,安装依赖

cd project

cnpm i

启动项目 npm run dev

浏览器打开:http://localhost:8080/

6.项目打包

npm run build

生成dist文件夹

7.项目目录

相关文章

  • vue全家桶系列一:项目前期准备

    1.安装node.js Node.js官方安装包及源码下载地址:https://nodejs.org/en/ 检查...

  • 2019-03-25

    vue 全家桶 Vue有著名的全家桶系列,包含了: vue-router,vuex,vue-re...

  • Vue生态圈(全家桶)

    vue全家桶及项目架构 Vue有著名的全家桶系列,包含了vue-router(http://router.vuej...

  • 【美团网项目】1.项目介绍

    高仿美团网全栈实战 技术栈:Vue全家桶 + SSR + Koa2 全栈开发美团网 vue.js 全家桶系列,包含...

  • Vue 全家桶介绍

    Vue有著名的全家桶系列,包含了vue-router(http://router.vuejs.org),vuex(...

  • 前端面试2021.4.9

    面试题正文: 1.vue全家桶包含哪些? 答案:vue全家桶与react全家桶介绍 2.v-model是什么?怎么...

  • 前端面试2021.4.9

    面试题正文: 1.vue全家桶包含哪些? 答案:vue全家桶与react全家桶介绍 2.v-model是什么?怎么...

  • 40

    正在学习vue全家桶为h5和小程序做准备

  • vue-cli初步

    vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具v...

  • 7 vue-cli初步

    vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具v...

网友评论

      本文标题:vue全家桶系列一:项目前期准备

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