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
网友评论