vue3初始化操作

1. 首先安装node.js，这个是必不可少的；安装node.js，安装完node.js之后，npm也会自动安装，查询是否安装成功的命令：

node -v     #查看node版本号
npm  -v     #查看npm版本号

2. 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org    #采用淘宝源

3. 全局安装脚手架工具vue-cli，命令如下：(这里安装的是新版本的vue-cli)

cnpm install -g @vue/cli

4. 创建vue项目
  要提前进入目标目录(项目应该创建在哪个目录下) ,运行命令后根据提示，选择自定义方式创建项目，选取Router, Vuex插件

vue create 项目名 

5. 启动/停止项目

npm run serve / ctrl+c     # 要提前进入项目根目录, 运行命令后，会默认在：localhost:8080 端口开启服务

6. 打包项目

npm run build     #会在项目根目录的dist中创建打包后文档

注意：打包前需要将引用路径改为相对路径，否则打包后会显示空页面，具体操作：在项目根目录创建vue.config.js文件，添加相关属性操作：

module.exports = {
  runtimeCompiler: true,
  # 输出的根路径,默认是/ ，为绝对路径，需要改成相对路径./
  publicPath: './', 
  devServer: {
    port: 8080 //端口
  }
}

更多的配置可以参考: https://www.cnblogs.com/sea-b...