vue怎么运行

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

2、1首先在IDEA中安装vuejs插件 FileSettingsPlugins搜索vuejs插件进行安装 2点击Edit Configurations，添加一个npm 然后就可以在IDEA中运行了。

3、首先可以在桌面新建一个文件夹，如Vue 然后执行cd Vue 进入文件夹，然后输入以下命令新建项目，回车 然后根据提示一路回车，这时文件夹下就会有很多相关文件了 最后用cnpm安装依赖最后的最后 就是运行项目啦 输入以下命令。

4、方式一webpack配置 webpack安装参考安装 webpack 中文网直接在packagejson同级目录下创建创建一个webpack的配置文件即可，然后在配置文件内输入内容方式二vuecli配置 vuecli目前已不。

5、1允许为vue组件的每个部分使用他的webpack loader，例如在style中使用sass，在template中使用Pug 2允许一个vue文件中使用自定义块，并对其运用自定义的loader链 3使用webpack loader将style，template中引用的资源当作。

6、运行vue项目弹出了cmd窗口 1，进入cmd，2，切换到项目目录下 在这里插入图片描述 3，输入 npm run serve即可运行，结果如下在这里插入图片描述 方法二 1，直接进入该项目目录，输入cmd 在这里插入图片描述 2，输入 npm。

7、当我们vue工作完成以后会打包一份dist文件给后台，之前本地肯定要测试一下，下面就是本人踩的一些坑，跟大家分享一下 a 我们打包为dist以后第一个问题，我们打包为dist以后经常会遇见路径出错，也就是dom出现但是js与css不。

8、步骤一找到文件，没有则自己创建一个 二编写的内容 三修改路由方式，修改为hash，文件位置自己找，vuecli3中在routerts文件中 四添加空路由 找到编译好的文件夹，如果作为独立项目。

9、打开工程目录下的ehomevue3和vue2项目两个是联系在一起的，打包部署到vue2项目运行只需要打开工程目录下的ehome即可Vue是一套用于构建用户界面的渐进式JavaScript框架。

10、optimize 的主要作用是标记 static 静态节点，这是 Vue 在编译过程中的一处优化，后面当 update 更新界面时，会有一个 patch 的过程， diff 算法会直接跳过静态节点，从而减少了比较的过程，优化了 patch 的性能generate。

11、下面说下Vue项目启动的加载逻辑首先前端项目默认入口都是indexhtml 这里有个DIV的id为app，这里是vue的挂载点，后续views中的 vue文件都会挂载在这里程序运行indexhtml后会寻找用到app的文件，即mainjs 这里创建了一。

12、vue项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变，如下图点击indexhtml，通过浏览器运行，出现以下报错，如图那么应该如何修改呢具体步骤如下1查看packagejs文件的scripts命令 2打开webpack。

13、自定义组件是需要先注册才能使用的，分全局注册和局部注册全局注册Vuecomponent#39mycomponent#39， 选项 new Vue el #39#someelement#39， 选项 ltmycomponentltmycomponent 局部注册var。

14、1删除packagelockjson，重新npm install，node_modules中出现了stylus文件夹了，然而还是报错2在终端直接运行 sudo npm install stylusloader stylus savedev 结果就编译成功了补充1这个packagelockjson。

15、1解决vue不能自动打开浏览器的问题当我们输入npm run dev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入改完之后重启一下即可2为了避免端口冲突，也可以修改port，打开目录同上 更。

16、在之前遇到的项目中，看大家运行vue项目的时候有的会使用 有的会使用 一直不明白这是怎么切换的~今天百度了一下，结果就是在packagejson中进行修改 如图~~~在这个配置里边找到#39serve#39项，将 前面的serve改为dev然后在终端。

17、3安装完成以后运行程序会提示你需要激活这时候按下你的keygen的底下第2个按钮gen activation把第三栏得到的activation复制进去，点一下 quotFinalize activationquot4进入vue程序里在help菜单底下选择Register RenderCow。