windows系统下安装Nodejs并安装vue-cli

这篇具有很好参考价值的文章主要介绍了windows系统下安装Nodejs并安装vue-cli。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

下载

Node.js下载地址
根据自己的电脑选择下载
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
下载完成后点击下载好的文件
一路next

安装地址可以根据自己的喜好修改

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

按住win + r 输入cmd，按回车，打开命令窗口

输入node -v,若显示版本号则安装成功

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
安装完之后npm指令可以直接使用
输入npm -v 查看npm版本

node.js会自动帮我们配置环境变量，不需要我们再手动配置，可以自行检查
在windows左下角的搜索窗口搜索编辑系统环境变量
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

点击环境变量，在系统变量中找到path,双击它就可以看到环境变量了
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

# -g是全局安装
npm install cnpm -g
# 或者使用下面语句解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

下载位置C:\Users\xxx\AppData\Roaming\npm\node_modules

其中涉及隐藏目录，首先我们要显示隐藏目录
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

cnpm install vue-cli -g

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

# 查看可以基于哪些模板创建vue应用程序，通常选用webpack
vue list

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
这时候，modules里面也有了vue-cli

以管理员身份打开cmd
cd到你需要下载vue-cli的文件位置
执行下面命令

vue init webpack vue_name

进入vue_name这个文件夹
cd vue_name
执行npm install

然后执行npm run dev启动
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

在cmd页面按crtl+c终止

npm install webpack -g

npm install webpack-cli -g

将idea设置为管理员打开
在idea的终端处键入
注意：如果你是vue2请安装vue-router3, vue3请安装vue-router4

npm install vue-router@Version --save-dev --legacy-peer-deps

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-666923.html

到了这里，关于windows系统下安装Nodejs并安装vue-cli的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！