windows 安装 vscode nodejs vue

一、安装VSCode

1、在官网下载并安装VSCode

https://code.visualstudio.com/Download

  •  注意:解压到非系统盘(节约系统盘空间,也方便后面使用)
  •  文件夹最好(其实一般也可以包含空格)不要出现中文和空格,如:解压到D:\Microsoft VS Code

2、安装,使用

     在D:\Microsoft VS Code文件下,找到 Code.exe,并运行Code.exe即可。

3.将VScode修改为中文环境

1)下载安装中文语言包

点击左侧工具栏的extensions或者使用快捷键【Ctrl+Shift+X】,输入chinese,点击Install安装中文简体

2)配置环境

  使用快捷键【Ctrl+Shift+P】弹出查找命令框,输入language, 找到Configure Display Language,点击,选择locale属性为"zh-CN",如下图所示:

然后选择 为"zh-CN":

3)重启vscode
安装成功,配置好啦。

二、安装nodejs

1.下载node:

下载地址:http://nodejs.cn/download/

node.js的zip包安装时是直接解压缩后就可以了,

node.js的msi包是傻瓜式一路next就可以了

选择一中方式就可以

2.解压后的目录,或者mis安装后的目录如下:

3.安装完后,可以在命令行中输入node -v 来查看安装版本和是否安装成功

4.建文件夹

在如上图所示文件位置,并新建两个目录

node-global :npm全局安装位置

node-cache:npm  

 5.修改npm配置

修改npm配置
配置npm的全局模块的存放路径以及cache的路径,可以用一下两个命令完成。

npm config set prefix "D:\Node.js\node-global"
npm config set cache "D:\Node.js\node-cache"

这样此后所安装的模块都会安装到改路径下。

6.配置环境变量

6.1.node_path环境变量:

将node.exe 所在的目录添加到path环境变量,这样我们在使用命令行时就可以在任意路径使用node命令了,

D:\nodejs

6.2.node_gloable环境变量:

由于webpack在node-global文件夹中做了映射,所以也要将node-global加入path环境变量即可。

D:\nodejs\node_modules\node_global

7.测试 npm install -g grunt-cli

 

三、vue安装配置

借鉴(

https://blog.csdn.net/make_1998/article/details/104648408?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

https://blog.csdn.net/wjhl04/article/details/82876426

https://blog.csdn.net/inthat/article/details/90268110

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章