美文网首页
2018-10-12 vue 脚手架的下载(vue-cli)搭

2018-10-12 vue 脚手架的下载(vue-cli)搭

作者: LYH2312 | 来源:发表于2018-10-12 18:54 被阅读0次

1.安装webpack

首先安装淘宝镜像
然后安装webpack

2.vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具vue-cli,就是一个完整的vue项目的核心构成。

口令 1. cnpm install webpack -g

  1. cnpm install vue-cli -g
  2. vue init 模板名称 项目名称
    例如: vue init webpack webpack-demo
    cd webpack-demo 进入文件夹
    npm run dev 开启一个服务器

4.cnpm install 安装node_modules文件夹
若文件中没有包含node-modules文件需要重新安装,该文件可自行添加删除

5、Install vue-router? 选择Y
6、User ESLint to lint your code? 代码规范性是否应用 选n
7、Setup unit tests with Karma + Mocha? 问的是否要测试 选n
8、Setup e2e tests with Nightwatch? 选n

9.
main.js的介绍
el是挂载点,router是路由
App.vue 是整个文件的入口,有三部分,template模板 script 逻辑 style样式

相关文章

  • vue-cli基础知识

    什么是vue-cli 慕课网教程vue-cli官网vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭...

  • vue-cli脚手架搭建vue项目

    一、下载nodejs并安装和配置环境变量 二、安装vue-cli脚手架 三、使用vue-cli脚手架创建项目 四、...

  • Vue+ElementUI项目笔记(一、项目搭建)

    1、下载脚手架 npm install vue-cli -g 2、验证安装 vue --version 3、...

  • 使用vue-cli搭建vue项目

    vue-cli vue的脚手架 安装脚手架之前需要安装node.js 安装脚手架 安装vue-cli 创建vue项...

  • vue搭建git命令

    1.淘宝镜像 2.上传coding 3.安装webpack 4.安装vue-cli脚手架 5.使用vue-cli搭...

  • vue-cli3创建vue项目两种方式

    下载安装vue-cli脚手架 VUE CLI3的包名称由vue-cli改成@vue/cli。如果你已经安装了旧版本...

  • 搭建vue3.0 项目

    安装脚手架卸载原来的脚手架 npm uninstall vue-cli -g下载新的脚手架 npm unins...

  • vue-cli3.x

    一、 VUE-CLI 脚手架 1.什么是vue-cli vue脚手架指的是vue-cli,它是一个专门为单页面应用...

  • 2018-10-12 vue 脚手架的下载(vue-cli)搭

    1.安装webpack 首先安装淘宝镜像然后安装webpack 2.vue.js有著名的全家桶系列,包含了vue-...

  • vue-cli构建vue项目

    vue-cli是快速构建vue单页应用的脚手架。在学习了官网的教程,对vue有个初步了解之后,可以开始使用脚手架搭...

网友评论

      本文标题:2018-10-12 vue 脚手架的下载(vue-cli)搭

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