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