注意:该方法针对于Vue-cli4.0以下的版本
1. 作用
快速创建一个基于webpack模板的项目
2. 安装
-
安装webpack
:使用npm全局安装
webpack
,打开命令行工具,输入
npm install webpack -g
,安装完成之后,输入webpack -v
即可查看当前安装版本,出现版本号说明安装成功 -
**全局安装vue-cli:**在命令行输入
npm install --global vue-cli
,安装完成之后,输入vue -V
查看当前版本号
3. 使用Vue-cli来构建项目
-
新建文件夹Vue,进入文件夹,输入
vue init webpack vue-cli-test
,其中vue-cli-test为新项目文件名 -
跳入选择项来进行项目信息填写与确认
-
Project name (baoge): -----项目名称,直接回车,按照括号中默认名字(注意这里的名字不能有大写字母,如果有会报错Sorry, name can no longer contain capital letters),阮一峰老师博客 为什么文件名要小写 ,可以参考一下。
-