全局安装vue-cli

命令行输入:

vue-cli版本在3以下

npm install --global vue-cli

卸载:
npm uninstall vue-cli -g 或yarn global remove vue-cli 

 

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

 

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

假设想把项目建立在D盘

输入:d:

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

回车

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

vue init webpack vueproject1

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

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

建立项目工程之后

接下来基本都回车

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

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

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

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

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

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

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

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

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

npm run dev// 启动项目

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

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

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

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

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

 

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

 

相关文章:

  • 2021-07-02
  • 2021-06-08
  • 2021-06-14
  • 2021-06-03
  • 2022-12-23
  • 2021-09-17
  • 2022-12-23
  • 2021-06-01
猜你喜欢
  • 2022-12-23
  • 2021-06-05
  • 2021-04-25
  • 2022-12-23
  • 2022-12-23
  • 2021-10-09
  • 2022-12-23
相关资源
相似解决方案