美文网首页
Vue脚手架的目录搭建

Vue脚手架的目录搭建

作者: 白小白不姓白 | 来源:发表于2018-02-06 10:20 被阅读31次

vue脚手架的目录搭建

1.

需要node.js和npm,检查是否已经安装node.js和npm可以使用命令行工具检测安装版本


步骤1.png

2.

如果是MAC OS系统,输入命令时前面需要+ sudo

mac: sudo npm install --global vue-cli

windows:npm install --global vue-cli

安装完用命令:vue --version检测安装版本

步骤2.png

3.

cd到你所要创建的目录中

通过命令: vue init webpack (当前目录名)

然后会让我们写一些参数:

Project description 输入项目描述

Author 作者

Vue build 打包方式

Install vue-router? 选择 Y 使用 vue-router,输入 N 不使用

Use ESLint to lint your code? 代码规范,N

Setup unit tests with Karma + Mocha? 单元测试,N

Setup e2e tests with Nightwatch? E2E测试,N

然后选择 npm install ,没有这个选项的就手动cd到创建的目录中然后 npm install

步骤3.png

4.

cd到我们创建的脚手架目录中,然后启动项目

执行指令 npm run dev

默认给我们开启的是8080端口

步骤4.png

相关文章

  • 【VUE】安装搭建项目vue-cli

    使用 vue-cli 脚手架搭建项目:vue-cli是官方发布的 vue.js 项目脚手架,快速搭建 vue 项目...

  • vue.config.js 配置

    vue-config-js配置参考 vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js...

  • vue组件化开发

    在使用vue脚手架进行项目的搭建之后,将会创建一个有以下目录的vue项目: public public目录主要是放...

  • Vue-cli3 项目配置 Vue.config.js

    vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建 在根目录中创建...

  • vue.config.js配置

    vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建

  • vue.config.js

    vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建 vue.con...

  • vue.config.js 配置 vue项目打包配置

    vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建 创建vue.c...

  • Vue搭建的小项目(学习)

    用Vue搭建项目--小博彩(详) 一:项目环境准备 项目目录结构准备 (1)搭建脚手架 (2)一定要在当前的目录结...

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

  • Vue2.0—— 搭建Vue脚手架(vue-cli)

    给大家介绍下用 Vue2.0 搭建Vue脚手架(vue-cli),在搭建脚手架之前,先做好环境配置。 详细如下: ...

网友评论

      本文标题:Vue脚手架的目录搭建

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