How To Install and SetUp Visual Studio (IDE) and NodeJs and NPM

First, install the Visual Studio IDE for ForntEnd Code Editor (Visual studio is flexible for Frontend Technologies)

How To Install Visual Studio On System?


To download Visual Studio -https://code.visualstudio.com/Download
If prompted, click on Save File. 
After the file downloads, open your terminal and go to the Downloads folder. 

$ cd ~/Downloads 

Next, run this command to install the Visual Studio Code.

sudo dpkg -i code_1.26.0-1534177765_amd64.deb 

Close the terminal. 
Visual Studio Code is now installed.


How To Install and SetUp NodeJs and NPM 


go through the link and download  - https://nodejs.org/en/

Once download done, open, and click on next...

after they need to add some packages so allow auto-download  and it takes 20 to 30 mins(based on the internet)

after open cmd - type npm install

after the check version: npm -v (here you can find successfully install or not. if version show then install otherwise please do proper setup)

to run a server, type in Command Prompt  - npm run serve

then you will get

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.1.11:8080/

open browser and past local link then your application will show on the local browser.

if you get any error means:
98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error 1:12:03 PM

 error  in ./src/App.vue?vue&type=style&index=0&lang=scss&

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Cannot find module 'node-sass'

in cmd type - npm install gulp-sass

errors Be like:

npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to http://registry.npm.taobao.org/yallist failed, reason: getaddrinfo ENOTFOUND registry.npm.taobao.org npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\venkatasivaramireddy\AppData\Roaming\npm-cache\_logs\2020-01-27T07_25_38_585Z-debug.log

Comments

Post a Comment

Popular posts from this blog

ERR: error parsing query: found influx, expected SELECT, DELETE, SHOW, CREATE, DROP, EXPLAIN, GRANT, REVOKE, ALTER, SET, KILL at line

I execute the influxdb query like this in CMD SELECT LAST(node) as node, last(node_name) as node_name, last(location) as location," \ " last(shuntVoltage) as shutVoltage, last(loadVoltage) as loadVoltage, " \ "last(current) as current, last(busVoltage) as busVoltage from powers where time>=now()-15m and time<=now()-15m  and node=" getting error: ERR: error parsing query: found influx, expected SELECT, DELETE, SHOW, CREATE, DROP, EXPLAIN, GRANT, REVOKE, ALTER, SET, KILL at line 277 Resolved? SELECT LAST(node) as node, last(node_name) as node_name, last(location) as location," \ " last(shuntVoltage) as shutVoltage, last(loadVoltage) as loadVoltage, " \ "last(current) as current, last(busVoltage) as busVoltage from powers where time>=now()- '15m' and time<=now()-'15m' and node="
Read more

How To Convert Html File/URL/String Into Image Using Python

   I worked on converting HTML formate to PNG Image using python, its take 1 week to complete, First, I tried with  Imgkit  Package then I tried with  Html2image  Package, Later I tried with  Pypperteer  Package, When I used Imgkit package, I faced on one issue what it means, in HTML file we have any embedded code or more loading javascript code, its take more than 5 sec so when I used imgkit it is not taking those things on the image. when I used Html2image Package, I faced the same issue Finally, I solved that loading issue using Pypperteer Package ( https://github.com/pyppeteer/pyppeteer ), In Pypperteer Package we have one option, by using that option we can stop converting into the image until load the complete HTML file, And here we have one more great option to pass HTML string to get Document Elements like OffsetHight, etc. import asyncio from pyppeteer import launch def converting_html_image(input_url) -&gt; str:     file_na...
Read more

How to get Full URL or get absolute url In Django

this is use full to get full url for images or files. getting: [     {          "id" :  1 ,          "photo_url" :  "/media/media/11_sUhP0CC.png"     } ] Need: (after apply below process we get full url) [     {          "id" :  1 ,          "photo_url" :  "http://localhost:8000/media/media/11_sUhP0CC.png"     } ] Existing code: models.py class Car ( models . Model ): name = models . CharField ( max_length = 255 ) price = models . DecimalField ( max_digits = 5 , decimal_places = 2 ) photo = models . ImageField ( upload_to = 'cars' ) serializers.py class CarSerializer ( serializers . ModelSerializer ): class Meta : model = Car fields = ( 'id' ...
Read more