vue 环境配置

360 阅读1分钟

1.安装node.js

node.js官网地址:nodejs.org/en/

建议下载稳定版

2.运行vue代码

首次运行需要先安装依赖包 npm install

npm run [配置命令] (具体命令看package.json里面配置,这边是npm run serve

image.png

2.1 npm基本命令

初始化一个新项目

npm init

添加依赖包

npm install [package]
npm install [package]@[version]
npm install [package]@[tag]

将依赖项添加到不同依赖项类别中

分别添加到 dependenciesdevDependencies 类别中:

npm install [package]
npm install [package] --save-dev

升级依赖包

npm upgrade [package]
npm upgrade [package]@[version]
npm upgrade [package]@[tag]

移除依赖包

npm uninstall [package]

安装项目的全部依赖

npm install

3.安装yarn(看个人需求可以不安装)

官网:yarn.bootcss.com/

通过npm 全局安装yarnnpm install yarn -g 运行项目 yarn run [配置命令]

3.1 yarn基础命令

初始化一个新项目

yarn init

添加依赖包

yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

将依赖项添加到不同依赖项类别中

分别添加到 dependenciesdevDependenciesdependencies 和 optionalDependencies 类别中:

yarn add [package]
yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional

升级依赖包

yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

移除依赖包

yarn remove [package]

安装项目的全部依赖

yarn

或者

yarn install

3.2 安装yarn可能出现的问题

问题:
yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
解决方法:
1.进入**C:\Windows\System32\WindowsPowerShell\v1.0**目录,找到**powershell.exe**文件。右键该文件,以管理员权限执行
2.右键该文件,以管理员权限执行。
3.执行**set-ExecutionPolicy RemoteSigned**命令,并输入**y**选项。
4.重启vscode

4.安装cnpm(看个人需求可以不安装)

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

使用方法: cnpm [命令] (命令同npm)