VueCli 脚手架的安装

配置淘宝npm仓库:

npm config set registry https://registry.npm.taobao.org --global 
npm config get registry

在这里插入图片描述
Vue Cli脚手架使用步骤:

  1. 命令安装:npm install -g @vue/cli
  2. 检查版本:vue -V
  3. 创建项目:vue create <项目名称>
  4. 运行项目,访问
    VueCli 脚手架的安装_第1张图片
    VueCli 脚手架的安装_第2张图片

VueCli 脚手架的安装_第3张图片
VueCli 脚手架的安装_第4张图片
VueCli 脚手架的安装_第5张图片
VueCli 脚手架的安装_第6张图片

VueCli 脚手架的安装_第7张图片

VueCli 脚手架的安装_第8张图片
VueCli 脚手架的安装_第9张图片
VueCli 脚手架的安装_第10张图片
按回车按钮继续

VueCli 脚手架的安装_第11张图片
VueCli 脚手架的安装_第12张图片
VueCli 脚手架的安装_第13张图片
VueCli 脚手架的安装_第14张图片
VueCli 脚手架的安装_第15张图片

VueCli 脚手架的安装_第16张图片
pycharm创建vue项目
VueCli 脚手架的安装_第17张图片

没有装路由,其余都一样
VueCli 脚手架的安装_第18张图片
添加路由
在这里插入图片描述
在这里插入图片描述
有了路由
VueCli 脚手架的安装_第19张图片

你可能感兴趣的:(vue,vue.js,npm,javascript)