vue-cli2.x版本安装vue-cli建项目

 

 

 

 

 

 

 

全局安装vue-cli

命令行输入:

vue-cli版本在3以下

npm install --global vue-cli

 

安装vue-cli后,可以查看一下是否安装成功vue --version,

 

电脑上已经安装过vue-cli的话,省去上述步骤,开始建立项目

假设想把项目建立在D盘

输入:d:

回车

建立一个基于webpack模板的项目工程,项目名vueproject1(项目名自定义)

vue init webpack vueproject1

vue-cli2.x版本安装vue-cli建项目_第1张图片

注意:项目名称不能包含大写字母

建立项目工程之后

接下来基本都回车

vue-cli2.x版本安装vue-cli建项目_第2张图片

vue-cli2.x版本安装vue-cli建项目_第3张图片

vue-cli2.x版本安装vue-cli建项目_第4张图片

vue-cli2.x版本安装vue-cli建项目_第5张图片

vue-cli2.x版本安装vue-cli建项目_第6张图片

vue-cli2.x版本安装vue-cli建项目_第7张图片

装好后,启动项目
cd vueproject1 // 进入到项目根目录

vue-cli2.x版本安装vue-cli建项目_第8张图片

npm run dev// 启动项目

vue-cli2.x版本安装vue-cli建项目_第9张图片

vue-cli2.x版本安装vue-cli建项目_第10张图片

该项目在端口:http://localhost:8080上运行

在浏览器中输入:http://localhost:8080

具体教程参考:https://www.imooc.com/video/16985

 

项目运行过程中不要关闭命令行工具

 

转载于:https://www.cnblogs.com/zyl-930826/p/11319892.html

你可能感兴趣的:(vue-cli2.x版本安装vue-cli建项目)