搭建Vue.js开发环境和创建Vite项目

创建vue项目：

1.安装了Node.js：node.js官网下载

2.右键Win图标，选择运行，输入cmd，安装镜像。
   npm config set registry=https://registry.npmmirror.com
3.选择盘符（如d盘）
   d:
4.创建项目
   npm create vue@latest         
   (输入项目名称，如“vue-test”，其他可以按回车，先不安装）
5.进入项目文件夹
   cd vue-test
6.安装更新，安装依赖

   npm install

7.安装Vuex

npm install vuex@next 

8.启动服务器
   npm run dev 
9.打开浏览器，输入提示网址（如http://localhost:5173/）

使用vscode编辑：

   1.file-->open folder 找到项目文件夹
   2.找到src文件夹内的 app.vue等文件编辑
   3.在src文件夹下components子文件夹建立vue文件（如example.vue）
   4.在app.vue中仅仅保留对组件的引用，例如下面所示
      <script setup>
    import Example from './components/Ex4_1.vue'
      </script>
      <template>
               <Example />
      </template>
   

vscode常用快捷键
    注释当前行：Ctrl + /
    注释多行：Ctrl + Shift + /
    切换全屏：F11
    放大字体：Ctrl + +
    缩小字体：Ctrl + -
    格式化文档：Shift + Alt + F    

vscode针对vue的常用插件
    vetur
    vue VSCode snippets

vscode终端权限问题
    执行set-ExecutionPolicy RemoteSigned

解决安装依赖问题
npm install -g vite