vue脚手架的安装,个人学习总结

Vue 脚手架安装创建

1. Vue CLI 是什么?

   答: VUE CLI通常称为“VUE脚手架”，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建 新的应用程序而且可用于自动生成vue和webpack的工程模板。 Vue CLI相关文档的官方网址是：https://cli.vuejs.org/zh/guide/ 

2. 先需要安装Node.js 为了使用npm，首先需要下载Node.js安装包，只有下载安装了Node.js,之后在命令窗口 ,安装Vue cli 即可,

3. 下载Node.js地址可参考： https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node-v16.14.2-x64.msi          Node.js的安装过程没有特别的注意事项，整个安装过程中都可以不必修改任何内容，直至其自动安装 完成。

4. 1.1安装Vue cli 的命令,下载完成后在cmd命令窗口输入:       npm install -g @vue/cli

5. 1.2 检查是否安装成功的命令,在cmd命令窗口输入: 出现5.0.8版本号即可

   vue -V

6. 

7. 1.3用vue 创建项目

   在命令提示符窗口中，执行vue create 项目名称的命令，就可以创建项目，创建出来的项目会在命令提示符窗口中提示的位置（即：敲命令时左侧提示的位置）。

   例如：创建vue create ceshi-web-2022项目：

8. 需要注意：执行以上命令后，会有一点卡顿，此时不要反复按回车，接下来，需要选择创建选项，分别是：

   选择:     Manually select features
   
   选择:   Babel / Vuex / Router
   
   选择:   2.x
   
   选择:   直接回车
   
   选择:   In package.json
   
   选择:   直接回车 然后等待一会,就会把项目创建出来放到cmd 窗口显示的位置上,我的创建出来是直接放到D盘根目录,创建完成后会如下图,然后可以随意挪动这个项目的位子
    

 

 

        二,当创建完成后，可以使用IntelliJ IDEA打开此项目，并且，在IntelliJ IDEA的Terminal（终端）面板中，可以执行启动项目的命令：

          npm run serve