初始化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 项目 目录结构

目录结构

命令列表