如果使用脚手架创项目
什么是脚手架:具有核心功能的半成品代码,只需要向其中添加个性化自定义内容即可
(1)默认安装好node.js v8.11.1 >
(2)全局安装vue-cli:
npm i -g vue-cli
(3)初始化一个项目,指定打包工具 webpack(在你想要的安装的目录下)
vue init webpack app // app是自定义项目名称
安装时会问
? Project name 直接回车
? Project description 直接回车
? Author 作者
? Install vue-router[文华帐本]
? Use ESLint to lint your code? 安装ESLint 代码检查 选择no
? Set up unit tests 是否安装单元测试
? Setup e2e tests with Nightwatch? 测试工具 可选可不选
最后回车就开始安装了
会生成 package.json文件
(4)项目目录生成
//(5)进入项目录目录安装依赖第三方模块(最新的不需要这一步)
# npm i
(6)启动项目
npm run dev
停止工作 ctrl+c
目录结构
build: 保存基本配置文件(webpack)
src: 我们项目所有源代码(vue;js;css;image;…)
static: 静态目录
package.js 项目的描述文件