专栏首页Kirin博客vscode+Node搭建vue脚手架

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 可以快速地搭建一个完整功能的网站。

  1. 安装express npm install express -g
  2. 安装express应用生成器 npm install express-generator -g
  3. 打开vsCode的调试控制台里面的终端,输入命令express myexpress
  4. cd myexpress 进入项目目录
  5. npm install安装Node_moudule包
  6. npm start启动项目
  7. 或者在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 成功执行了。

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 多进程爬取电影

    kirin
  • python代理ip检测

    kirin
  • js splice方法

    var fruits = [“Banana”, “Orange”, “Apple”, “Mango”]; fruits.splice(2,0,”Lemon”,...

    kirin
  • Express开发实例(1) —— Hello,world!

    Express是NodeJs开发中最常用的基础模块。NodeJs本身有Http模块,但是易用性并不好,因此有人在此基础上开发了Express模块。 什么是...

    用户1154259
  • Windows系统下 下载安装nodejs、npm和express的教程

    这篇文章主要介绍了Windows系统下nodejs、npm、express的下载和安装教程详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    习惯说一说
  • Mac环境下装node.js,npm,express;

    1。 下载node.js for Mac 地址: http://nodejs.org/download/ ? 直接下载 pkg的,双击安装,一路点next,很容...

    前朝楚水
  • 产业互联网不是流量战争

    看看各大SaaS平台以用户量的多少来炫耀自身的强大,听一听推销电话那端客服的“热情”,我们都可以非常明显地感受到他们对于流量的渴求。

    孟永辉
  • Vue + Element UI 实现权限管理系统 前端篇(一):搭建开发环境

    Visual Studio Code 是一款非常优秀的开源编辑器,非常适合作为前端IDE, 根据自己的系统下载相应的版本进行安装。

    朝雨忆轻尘
  • 「R」data.table 包功能特性学习

    data.table包提供了一个加强版的data.frame。它运行效率极高,而且能够处理适合内存的大数据集。它通过[ ]实现了一种自然的数据操作语法。

    王诗翔呀
  • Pytorch 的损失函数Loss function使用详解

    损失函数,又叫目标函数,是编译一个神经网络模型必须的两个要素之一。另一个必不可少的要素是优化器。

    于小勇

扫码关注云+社区

领取腾讯云代金券