安装nodejs安装npm安装cpnm安装vue-cli脚手架

1、为什么用nodejs
因为它是javascript运行环境,不同系统直接运行各种编程语言
是我即将使用vue的推荐开发环境。
选择对应版本,https://nodejs.org/en/download/
918768-20180113095724832-815732635.png
下一步下一步就好
2、为什么安装npm
它是Nodejs下的包管理器。安装好nodejs就可以使用npm
检查是否成功
918768-20180113095925238-693761688.png
安装好之后,对npm安装的全局模块所在路径以及缓存所在路径,进行环境配置。是因为以后在执行类似:npm install express [-g](后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】
打开cmd输入如下命令
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
918768-20180113100205785-1120849135.png
接下来点击 我的电脑,属性,高级系统设置
918768-20180113100423066-1200554802.png
918768-20180113100605379-496246219.png
输入NODE_PATH
输入C:\Program Files\nodejs\node_global\node_modules
918768-20180113100624785-517992986.png
918768-20180113101022129-1116587906.png

918768-20180113101011160-971881654.png
3、基于nodejs,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝nmp镜像
打开cmd
npm install -g cnpm --registry=https://registry.npm.taobao.org
918768-20180113101540519-418526163.png

完成之后,我们就可以使用cnpm代替npm来安装依赖包了。
4、为什么安装vue-cli脚手架
为了生成vue工程模板
安装全局vue-cli脚手架,用于帮助搭建所需要的模板框架
918768-20180113101947379-961991539.png
918768-20180113102003801-998826741.png
918768-20180113102017504-1469002803.png
安装完成之后
输入vue
918768-20180113102124097-1710245378.png
出现了vue信息说明表示成功
用vue-cli构建项目
查看vue版本2.9.1
918768-20180113102235785-1999315043.png
918768-20180113140520379-1232845788.png

转载于:https://www.cnblogs.com/guoyinglichong/p/8278467.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue CLI 是一个 vue.js 提供的脚手架工具,可以帮助我们快速创建 vue.js 项目。 安装 vue-cli 需要先安装 node.js,因为 vue-cli 是基于 node.js 运行的。 以下是在 Windows 操作系统上安装 vue-cli 的步骤: 1. 打开命令提示符(Windows 键 + R,输入 cmd,回车)或者 Powershell ,输入以下命令检查 node.js 是否已安装: ``` node -v ``` 如果已经安装,会显示 node.js 的版本号;如果没有安装,需要先安装 node.js。 在 node.js 官网下载安装包:https://nodejs.org/en/download/,然后按提示安装即可。 2. 安装 vue-cli。在命令提示符或者 Powershell 中输入以下命令: ``` npm install -g vue-cli ``` 这个命令会在全局安装 vue-cli。 3. 创建一个新的 vue.js 项目。在命令提示符或者 Powershell 中输入以下命令: ``` vue init webpack my-project ``` 这个命令会使用 webpack 模板创建一个名为 my-project 的新项目。在创建项目的过程中,会提示你输入一些配置信息,比如项目名称、作者、描述等。 4. 进入项目目录并安装依赖。在命令提示符或者 Powershell 中输入以下命令: ``` cd my-project npm install ``` 这个命令会进入 my-project 目录,并安装项目所需的依赖。 5. 运行项目。在命令提示符或者 Powershell 中输入以下命令: ``` npm run dev ``` 这个命令会启动一个开发服务器,监听代码的变化,并在浏览器中打开项目。此时,你可以开始编写代码了。 以上就是安装 vue-cli 的步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值