Vue安装

安装vue及脚手架

1.安装vue.js

npm install vue -g 或者 cnpm install vue -g

查看安装的vue信息:

npm info vue 或者 cnpm info vue

image-20230715211634838

2.安装webpack模板

安装webpack

npm install webpack -g

  • 安装webpack-cli:

    npm install --global webpack-cli

    安装成功后可使用webpack -v查看版本号。

    image-20230715211817696

3.安装脚手架vue-cli

npm install -g @vue/cli

用这个命令来查看其版本是:

vue --version

vue -V

升级全局的 Vue cli 包:

npm update -g @vue/cli

安装vue-router

npm install -g vue-router

4.vue-cli2.x 创建vue项目
1)创建项目

image-20230715211958545

image-20230715212055875

image-20230715212136431

2)进行一些配置:

image-20230715212241913

image-20230715212257490

image-20230715212309447

3)运行项目并按照提示打开网址

image-20230715212509922

另一种进入终端的方法:

image-20230715212647331

image-20230715212745313

posted @ 2023-07-15 21:29  凯璇  阅读(51)  评论(0)    收藏  举报