1首先打开电脑输入解锁密码，并进入系统主页面2其次打开vue项目，进入前端的根目录3最后输入命令“npmrundev”即可启动。

项目创建，cd 到指定的目录下，执行 创建项目 create 后会有几个配置选项，具体如下1use history mode for router Y 即 vuerouter 利用浏览器自身的 hash 模式和 history 模式特性实现前端路由 其中 hash 模式浏览。

这里说下 vuecli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便启动 vuecli 图形界面 然后。

需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置。

1问题提出 脚手架vuecli vue create ** 搭建出来的项目，2 默认设置用npm run dev启动本地localhost及网络Network服务，44+默认用npm run serve启动 如果启动不成功，报错 2问题解析 npm 允许在 package。

在项目文件夹npmrunserve出现这个内容表示项目启动完成，vue里面的html页面放在public文件夹里面1首先在static或public文件夹下，新建html页面2其次进入项目文件夹，在cmd命令行运行命令。

npm install#160#160或cnpm install 4将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行#160#160npm start#160来启动express项目5打开浏览器，输入localhost。

所以vue项目也需要启动，配置端口，打包发布到服务器上面才能正常运行vue项目的启动是是通过webpack命令进行启动，使用命令npmrundev就可以启动vue项目了 因为是前后端分离的项目，需要编译运行在服务器上。

在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目即可1用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑2在vscode里新打开一个命令行终端，在终端窗口里使用vue对应。

1vue启动项目报错npm ERR！ missing script serve 问题原因在配置文件中的服务器名称和你启动命令中的名称不匹配解决方法查看配置文件packagejson 中服务器名称，并修改启动命令按照packagejson启动项目，或者修改。

一般Ionic项目创建可以使用ioniccli命令，即然而查看该命令说明和源码是没有Vue的项目模版的见 STARTER_TEMPLATES中的projectType 所以使用Vue来创建项目这是Vue很基础的东西，安装依赖并运行看下此时可以看到项目能。

进入Debugger视图，添加Chrome配置，将内容替换成以下内容 设置断点 此处response返回数据 启动调试 在终端使用如下命令开启这个应用 进入Debug视图，选择‘vuejschrome’配置，然后按F5或点击绿色的play按钮 随着一个新的 Chrome。

vite的缺省端口是3000，如果需要修改这个端口，可以编辑文件packagejson，在scritps中找到启动命令，这里是dev，在vite后面增加port 5419这样，启动端口就修改为5419增加路由，可以修改route目录下的routejs文件，增加路由。

如果出现下图，证明nginx已经启动成功 该问题是由于8080端口被占用，解决 首先需要先在打包之前在 Vue 的配置文件里去修改公共路径的配置 同时在项目的 router 目录下 indexjs 为 Vue 项目指定路由基本路径为 8打包前端。

最近的项目迭代中新增一个需求，需要在electronvue 项目打包之后，启动exe 可执行程序的时候，动态获取配置文件中的 baseUrl 作为服务端的地址electron 可以使用 node 的 fs 模块来读取配置文件，但是在项目打包之后项目的。