vscode+Node搭建vue脚手架
vscode+Node搭建vue脚手架
1.要使用vue 你需要安装node.js
https://nodejs.org/en/download/
一路默认即可，安装完成之后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:\Users\Administrator\AppData\Roaming\npm\express.ps1。未对文件 C:\Users\Admini strator\AppData\Roaming\npm\express.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 成功执行了。
然后就开始你的代码时间吧。