zoukankan      html  css  js  c++  java
  • Node、npm与Vue配置与问题记录

    终于开始了Vue的项目,之前断断续续的接触过,而且用过Pip工具和Django框架对npm的用法并不是很陌生。

    npm一个包的管理工具,我直接将其对标为了Pip

    首先安装Node.js,不再赘述。

    安装结束后,npm的环境变量自动添加,可以直接在终端里输入试试:

     然后配置npm的包安装路径,许多教程里都直接说明在Node.js的安装目录下新建两个文件夹node_cache、node_global

    两个文件一个是缓存文件夹,一个是全局包存放的文件夹

    个人觉得不配置这里两个文件夹也是可以的,但最好要了解自己包的存放位置。

    配置淘宝镜像直接安装了cnpm:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    安装完成后大致如此:

    安装Vue的脚手架工具,也就是Vue项目的搭建工具,个人觉得npm与vue/cli,和pip安装Django包的关系相似

    npm install -g @vue/cli

    关于vue命名报错vue.ps1的问题,看了网上的博客说明是被系统拒绝了。在管理员权限下的PewerShall中运行下面的命令:

    set-executionpolicy remotesigned

    有了脚手架工具就可以使用其建立Vue项目了

    vue init webpack VueProjrct

    若是报错提示缺少包的话就装一下,运行项目的:

    npm run dev

    也许还会提示缺包,转到项目目录,运行

    npm install

    自动安装所需的包,这样再跑就行了。

    一些包新建步骤的详细介绍去看官方文档

    在此说一下遇到的一些问题,我的Windows10系统刚从Win11装回来(还是Windows10香一些)

    Node.js安装后由于权限问题,无法在PawerShell终端中使用npm安装包,最后看了网上的博客,修改了Node.js安装目录文件夹的权限才解决

    期间还有着Vue命令不识别等问题,总算是解决了。

     考虑到后面要把Django和Vue结合,还要每台设备上本地部署,就感觉很坑爹!

  • 相关阅读:
    USACOZero Sum
    USACOControlling Companies
    USACOParty Lamps
    USACOMoney Systems
    UVa11292
    USACOLongest Prefix
    USACOThe Tamworth Two
    USACORunaround Numbers
    业内常见电子病历编辑器简单比较(1)编辑控件来源比较
    GB(国标)字典大全
  • 原文地址:https://www.cnblogs.com/DingAi/p/15736648.html
Copyright © 2011-2022 走看看