Vue的使用

1.下载并配置好node.js

cmd在用户目录输入node -v，npm-v，显示版本号则成功，分别是v14.21.3，6.14.18

2.安装vue-cli脚手架

在任意目录

# 全局安装Vue CLI2
npm install -g vue-cli
# 全局安装Vue CLI3
npm install -g @vue/cli

输入vue --version，查看是否有版本号，是@vue/cli 5.0.8

卸载vue-cli

vue-cli2.x是npm uninstall -g @vue.cli

vue-cli3.x是npm uninstall -g vue-cli

3.构建vue脚手架项目

方式一：vue-cli3的命令，运行是npm run serve，切换到指定目录，cmd，输入vue create 项目名，选择vue2

方式二：vue-cli2的命令，运行是npm run dev，在此之前输入npm i -g @vue/cli-init，切换到指定目录，cmd，输入vue init webpack 项目名。

项目名(可省略，默认)，项目描述(可省略)，作者(可省略，默认)，Runtime选择大多数用户适合的，路由一般都需要，不需要ESLint整理代码，不需要unit tests，不需要e2e tests，使用npm。

4.项目运行自动开浏览器，改端口

（1）找到项目的config目录下的index.js，将autoOpenBrowser: false改为true；

（2）打开package.json文件，找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open

（3）根目录下新建vue.config.js文件，增加如下命令

module.exports = defineConfig({
  devServer:{
    host: 'localhost',
    port:'8010',
    open: true
  },
})