初始化vue + webpack 项目

安装vue脚手架

npm install -g vue-cli

这样咱们就能够全局试用 vue 这个命令 咱们输入 vue list 能够看到许多基于vue 的项目模板

这里列出了 咱们能够用到的模板

初始化一个webpack模板

vue init webpack projectname

因而生成了一个 webpack + vue 项目。

安装依赖

cd projectname
npm install

这里的 npm install 是把package.json须要的依赖 安装到 node_modules里

跑起来

npm run dev

问题

端口占用

若是出现端口占用的状况，在项目配置文件 config/index.js里更改

初始化时出现报错

那大概是由于你vue版本过低

vue -V

查看vue脚手架 版本。

试下从新 安装

npm install -g vue-cli

接着若是没什么其余问题的话，再

vue init webpack projectname

最后再附上vue+webpack 项目 目录结构

目录结构

命令列表