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。
绛旓細2銆1棣栧厛鍦↖DEA涓畨瑁卾uejs鎻掍欢 FileSettingsPlugins鎼滅储vuejs鎻掍欢杩涜瀹夎 2鐐瑰嚮Edit Configurations锛屾坊鍔犱竴涓猲pm 鐒跺悗灏卞彲浠ュ湪IDEA涓繍琛屼簡銆3銆侀鍏堝彲浠ュ湪妗岄潰鏂板缓涓涓枃浠跺す锛屽Vue 鐒跺悗鎵цcd Vue 杩涘叆鏂囦欢澶癸紝鐒跺悗杈撳叆浠ヤ笅鍛戒护鏂板缓椤圭洰锛屽洖杞 鐒跺悗鏍规嵁鎻愮ず涓璺洖杞︼紝杩欐椂鏂囦欢澶逛笅灏变細鏈夊緢澶氱浉鍏虫枃浠朵簡 ...
绛旓細vue鎬庝箞杩愯1銆侀鍏堟垜浠鍦╪ode.js瀹樼綉涓嬭浇瀹夎涓涓猲ode杞欢銆2銆佸畨瑁呭畬鎴愬悗锛屾垜浠墦寮鈥渃md鈥濓紝鍦ㄥ叾涓緭鍏モ渘ode-v鈥濆洖杞︽潵杩愯瀹冦傚鍥炬墍绀哄脊鍑轰竴涓増鏈彿锛屽氨璇存槑杩愯鎴愬姛浜嗐3銆佹帴鐫杈撳叆鈥渘pm-v鈥濆洖杞︽潵瀹夎npm鍖呯鐞嗗櫒锛屽拰涓婇潰涓鏍峰脊鍑虹増鏈彿灏辫鏄庡畨瑁呮垚鍔熴4銆佸畨瑁呭ソ涔嬪悗灏卞畬鎴愪簡妗嗘灦鐨勬惌寤猴紝...
绛旓細杩愯vue椤圭洰npminstall//鎴朿npminstall灏Vuebuild鍚庣敓鎴愮殑dist鏂囦欢澶逛笅鐨勬墍鏈夋枃浠跺鍒跺埌express椤圭洰鐨刾ublick鏂囦欢澶逛笅闈紝鐒跺悗杩愯npmstart鏉ュ惎鍔╡xpress椤圭洰銆備粠浜戜笂鎷夊彇鐨剉ue椤圭洰涓鑸細缂哄皯node_modules锛岄渶瑕佸厛瀹夎node_modules锛屽啀杩愯銆倂ue椤圭洰杩愯鍚庢樉绀洪渶瑕侀厤缃師鍥犳槸閰嶇疆涓嶅銆傛牴鎹浉鍏冲叕寮淇℃伅鏄剧ず锛氶厤缃甐...
绛旓細vue鍙互鍦ㄧ數鑴戜笂鎿嶄綔鐨勩1銆佷粠node.js鐨勫畼缃戜笅杞絥ode.js,鏈婕旂ず閫夋嫨鐨勬槸绋冲畾鐗堟湰銆2銆佸畨瑁卬ode.js锛屽熀鏈笂鏄竴璺痭ext锛岄噸鐐规槸瑕侀夋嫨瀹夎鐨勪綅缃紝鏈婕旂ず閫夋嫨瀹夎鍦‥:\nodejs閲屻3銆佸畨瑁呭畬姣曞悗,閰嶇疆node.js锛杩愯cmd锛屾墽琛宯pm璺緞閰嶇疆鍛戒护锛歯pm config set prefix "E:\nodejs\node_global"npm ...
绛旓細鍦╮equire涓娇鐢╒ue鐨勬柟寮忓涓嬶細涓銆佹杩 鍦∟ode.js鐜涓紝鍙互浣跨敤CommonJS妯″潡鍖栫殑鏂瑰紡寮曞叆Vue銆傚叿浣撴柟娉曟槸閫氳繃`require`鍑芥暟寮曞叆Vue鐨勬ā鍧楋紝鐒跺悗浣跨敤璇ユā鍧楁彁渚涚殑API杩涜Vue鐨勭浉鍏虫搷浣溿傝繖绉嶆柟娉曢傜敤浜庢湇鍔″櫒绔覆鏌撴垨鍏朵粬闇瑕佷娇鐢∟ode.js杩愯Vue鐨勫満鏅備簩銆佽缁嗚В閲 1. 瀹夎Vue 棣栧厛锛岀‘淇濅綘鐨勯」鐩腑...
绛旓細vue鎬庝箞杩愯鏂规硶涓锛1銆侀鍏堣緭鍏ヤ互涓嬩唬鐮佹潵鑾峰彇鏁版嵁锛歵his.$http.get('a.txt').then(function(res){alert(res.data);},function(res){alert(res.status);});2銆佺劧鍚庤緭鍏ヤ互涓嬪懡浠ゅ悜鏈嶅姟鍣ㄥ彂閫佸嵆鍙細锛堣繖閲岀殑a1銆乥2鎸囩殑灏辨槸鎴戜滑瑕佸彂閫佺殑鏁版嵁锛塼his.$http.get('a.php',{a:1,b:2}).then(...
绛旓細鍙互銆Vue鍙互鍦ㄥ墠绔杩愯锛屼絾涔熷彲浠ヤ笌鍚庣杩涜浜や簰锛孷ue鏄竴绉嶅墠绔鏋讹紝瀹冧富瑕佺敤浜庢瀯寤虹敤鎴风晫闈
绛旓細鎴愬姛鍚庯紝浼氬湪 vue2 鏂囦欢澶逛笅鐢熸垚 node_modules 渚濊禆 鎴愬姛鍚庡氨鍙互鍏ㄥ眬璋冪敤 vue2 鍛戒护锛屽惎鍔 vue2.0 鐜 鎴愬姛鍚庯紝浼氬湪 vue3 鏂囦欢澶逛笅鐢熸垚 node_modules 渚濊禆 鎴愬姛鍚庡氨鍙互鍏ㄥ眬浣跨敤 vue3 鍛戒护锛屽惎鍔 vue3.0 鐜
绛旓細鑰屾暟鎹潵婧愪簬鍚庣锛岄渶瑕vue涓庡悗绔氳繃鎺ュ彛閫氫俊鏉ヨ幏鍙栨暟鎹俊鎭傝屽悗绔槸闇瑕侀」鐩惎鍔ㄧ殑锛屾墍浠ue椤圭洰涔熼渶瑕佸惎鍔紝閰嶇疆绔彛锛屾墦鍖呭彂甯冨埌鏈嶅姟鍣ㄤ笂闈㈡墠鑳芥甯杩愯銆倂ue椤圭洰鐨勫惎鍔ㄦ槸鏄氳繃webpack鍛戒护杩涜鍚姩锛屼娇鐢ㄥ懡浠pmrundev灏卞彲浠ュ惎鍔╲ue椤圭洰浜 鍥犱负鏄墠鍚庣鍒嗙鐨勯」鐩紝闇瑕佺紪璇戣繍琛屽湪鏈嶅姟鍣ㄤ笂銆
绛旓細渚嬪锛屼竴涓」鐩彲浠ュ湪绔彛鍙3000涓杩愯锛屽彟涓涓」鐩彲浠ュ湪绔彛鍙4000涓婅繍琛屻傛澶栵紝浣犱篃涓嶉渶瑕佹瘡娆″紑鍙戞椂閲嶆柊瀹夎Vue銆備竴鏃︿綘鍦ㄧ數鑴戜笂瀹夎浜哣ue CLI锛堝鏋滀綘鏄氳繃Vue CLI鍒涘缓椤圭洰鐨勮瘽锛夛紝浣犲氨鍙互鐩存帴鍦ㄤ笉鍚岀殑椤圭洰鐩綍涓繍琛宯pm run serve鏉ュ惎鍔ㄥ紑鍙戞湇鍔″櫒锛岃屼笉闇瑕侀噸鏂板畨瑁匳ue銆
