vue启动使用另外一个package.json
定义脚本命令。vue启动使用另外一个是为了定义脚本命令。脚本是批处理文件的延伸，是一种纯文本保存的程序，计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合，在其中可以实现一定的逻辑分支等。
在执行 npm run dev 的时候，会在当前目录中寻找 package.json 文件，包含项目的 名称版本 、 项目依赖 等相关信息。
删除package-lock.json，重新npm install，node_modules中出现了stylus文件夹了，然而还是报错。
创建vue项目，执行命令：vue-initwebpackvueapp。通过命令生成的vue项目就包含package.json。npmrun会创建一个Shell，执行指定的命令。临时将nodemodules.bin加入PATH变量，即可运行。
vue项目里面没有html咋启动
1、可以看到，在 index.js 文件中包含服务器 host 和 port 以及入口文件的相关配置，默认启动端口是 8080 ，这里可以进行修改。index.html 的内容很简单，主要是提供一个 div 给 vue 挂载。
2、首先前端项目默认入口都是index.html 这里有个DIV的id为app，这里是vue的挂载点，后续views中的 .vue文件都会挂载在这里。
3、新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例。
4、系统bug。HTML的全称为超文本标记语言，是一种标记语言，使用该语言在编辑网页时如果添加vue后html显示不出来，是系统bug的原因，只需要将该电脑关闭重新打开即可。
5、npm install//或cnpm install 将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目。
6、实验一：打算在Vue的组件里使用script引入demo里同样引入的文件，发现文件没有被引用进来。
Vue项目启动过程以及配置
1、首先前端项目默认入口都是index.html 这里有个DIV的id为app，这里是vue的挂载点，后续views中的 .vue文件都会挂载在这里。
2、启动vue项目：点击运行调试按钮，再点击运行小图标，这时会弹出新的chrome浏览器页面。在弹出的浏览器窗口的页面进行操作，触发断点时会跳转掉vscode的断点处。
3、这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
4、在项目文件夹npmrunserve出现这个内容表示项目启动完成，vue里面的html页面放在public文件夹里面。首先在static或public文件夹下，新建html页面。其次进入项目文件夹，在cmd命令行运行命令。
5、客户端无需做任何配置。 修改config/index.js /vue.config.js文件（改完之后千万记得要重新 npm run dev）host 将他的值修改为 0.0.0.0，代表可以访问本机所有的IP地址，让vue项目可通过localhost和IP同时访问。
6、但是vscode本身只是编辑器，开发编译类语言需要自己配编译环境，具体我没配过。前端开发不需要配编译环境了，只需要把需要的各种库、工具在命令行界面安装就行。具体过程网上搜“从零开始搭建vue项目”。
Vue项目build打包后如何运行
后台直接放到项目里面去呗，比如项目的静态资源目录下，或者单独设置模块放置。如果后台有n代理，或者node跑服务，那就需要单独设置。
Vue项目编写完成后，一般需要打包压缩成新的文件，下面简单介绍一下是如何对Vue项目打包的。
因为build是webpack将vue项目打包压缩，然后发布到服务器上的一个功能模块，方便外部人员的浏览与测试，这个时候，每发布一次就需要build一次代码。
Vue项目打包在终端中执行npmrunbuild1打包完成在项目的dist目录看到index.html。目录的所有文件放到nginx服务器访问。下载得到一个zip的压缩包，解压用。在html文件夹中新建一个hhdglm文件，打包的东西放进去。