vscode+Node搭建vue脚手架

1.要使用vue 你需要安装node.js

https://nodejs.org/en/download/

node.js菜鸟教程

一路默认即可，安装完成之后win r 打开cmd命令提示符，然后输入node -v 如果显示的是版本v12.16.3 这样的

就说明你的node环境已经安装成功了，如果没有显示，说明环境变量没有配置成功，参考这篇文章node.js菜鸟教程

这是一些node命令

命令	描述
Node -v	查看版本号
Node	进入Node交互模式
Node *.js	运行某个Js实例
ctrl c	退出当前终端
ctrl c 按下两次	退出 Node REPL
ctrl d	退出 Node REPL.
向上/向下键	查看输入的历史命令
tab 键	列出当前命令
.help	列出使用命令
.break	退出多行表达式
.clear	退出多行表达式
.save filename	保存当前的 Node REPL 会话到指定文件
.load filename	载入当前 Node REPL 会话的文件内容
cls（前提是已经退出node环境）	清屏

2.安装完成之后默认是安装好了npm的，npm -v 可以查看npm的版本

这是一些npm命令

命令	描述
npm install express -g	安装模块（-g代表是全局，也就是在你电脑安装，若没有只会在你项目安装）
var express = require(‘express’);	安装好之后，express 包就放在了工程目录下的 node_modules 目录中，因此在代码中只需要通过 require(‘express’) 的方式就好，无需指定第三方包路径。
npm list -g	你可以使用以下命令来查看所有全局安装的模块：
npm list express	查看某个模块的版本号
npm uninstall express	卸载 Node.js 模块
npm ls	卸载后，你可以到 /node_modules/ 目录下查看包是否还存在，或者使用以下命令查看
npm update express	更新模块
npm search express	搜索模块
npm init	创建模块
npm publish	发布模块

3.然后安装Express

Express

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。

安装express npm install express -g
安装express应用生成器 npm install express-generator -g
打开vsCode的调试控制台里面的终端，输入命令express myexpress
cd myexpress 进入项目目录
npm install安装Node_moudule包
npm start启动项目
或者在vsCode打开MyNode这个文件夹使用F5就可以直接调试了或然后在浏览器输入http://localhost:3000/

就会出现Welcome to Express 的页面啦

另外，如果遇到

PS D:vscode> express myexpress express : 无法加载文件 C:UsersAdministratorAppDataRoamingnpmexpress.ps1。未对文件 C:UsersAdmini stratorAppDataRoamingnpmexpress.ps1 进行数字签名。无法在当前系统上运行该脚本。有关运行脚本和设置执行策略的详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1 express myexpress ~~~~~~~ CategoryInfo : SecurityError: (:) []，PSSecurityException FullyQualifiedErrorId : UnauthorizedAccess

这个错误的话，不要慌，打开你的 powershell 鼠标右键左下角，选择Windoes Powershell(管理员)

然后输入

set-ExecutionPolicy RemoteSigned

接着输入 A

然后回去vscode终端，重新输入 express myexpress 成功执行了。

然后就开始你的代码时间吧。

npm express node.js javascript https

0 人点赞