VUE项目创建&使用

1.安装新版本的node.js

参考：Node.js 安装配置 | 菜鸟教程

安装nodejs，自带npm环境。地址：Download | Node.js 下载node.js

2.安装vue脚手架

点击电脑桌面，按下键盘 “win+R”键，输入 “cmd” ，然后点击 ”确定“

打开cmd窗口

输入：npm install -g @vue/cli

3.创建项目

选择要建项目的文件夹

在文件夹目录那里ctrl+a，然后输入cmd，回车

打开cmd窗口

输入：vue create myobj（myobj是项目名字）

创建完成还需要配置一下

选择手动配置：

上下箭头选择空格键为选中，选中图中几个：

 不选history模式：

 这个按自己的需要来，我喜欢用less：

 选则仅保存时候报错:

 保存选择语法检查方式，这里我选择保存就检测:

 配置放在package.json里面:

 是否保存此创建规则选择n，每次创建都要重新配置：

 最后cd到目录，然后运行

 运行http://localhost:8080/#/

显示下面的就表示成功了

 如果安装less有报错，删除掉less 和less-loader目录，然后配置也删掉重新安装less和less-loader

打包

找到根目录下vue.config.js文件

 写入：publicPath:'./'

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
//如果已经有了可以直接打包
  publicPath:'./',
  transpileDependencies: true
})

在项目文件夹打开终端

输入

npm run build

回车

等待即可会自动生成一个dist的文件就是打包好的文件