一篇:  node安装配置

https://blog.csdn.net/m0_67930426/article/details/134562278?spm=1001.2014.3001.5502

目录

一.创建空文件夹专门存放vue项目

二. 查看node , npm 和vue脚手架的版本

三.安装vue脚手架

四.创建vue项目

五.运行项目


一.创建文件夹专门存放vue项目

这一步骤不是必须的,主要是将创建好的项目放在一起,便于查找

例如我在D盘创建了一个文件夹命名Vue ( 文件夹命名随意)

二. 查看node , npmvue脚手架版本

打开cmd ,最好是以管理员身份打开cmd

查看node , npmvue脚手架版本

确保这三者都有版本号输出

输入nodev  或者 npmv 出现不是内部命令或者外部命令一般是没安装node或者node没有

配置环境变量

输入 vue -Vue出现不是内部命令也不是外部命令,那就是安装vue脚手架

三.安装vue脚手架

vue脚手架安装

npm installg @vue/cli

等待安装

四.创建vue项目

首先切换到创建好的空文件夹目录

如果文件夹存放在D盘,在cmd输入D: 先进入D盘

我的文件夹是放在D盘中,名为Vue

然后切换到Vue文件夹的目录

 然后使用vue命令创建项目

格式  vue   create   项目

     

  第一项和第二项是默认方式创建vue项目       

  第三项是手动创建项目           

  可以根据键盘的上下键进行选择,我选择第三手动创建

点击回车

     

然后进入一个选择步骤,使用键盘的上下键进行上下移动空格表示选中

然后点击回车

     

选择vue框架,如果你做的项目是2点几的就选择2点几,三点几就选择三点几

这里我选择了2.x  并回车

   

一步是让你选择是否安装历史的路由,看自己需求

这里没啥需求,所以输入了 y,并回车

                                                                                                                  

 这一步骤是让你选择Eslint语法版本

ESLint with error prevention only // 仅错误预防

ESLint + Airbnb config // Airbnb配置

ESLint + Standard config // 标准配置

ESLint + Prettier // 附带Prettier

这里我选择了标准配置

点击 回车

第一个选项是创建单独的配置文件第二个选项是把这些配置文件放到package.json

自己的选择

是否保存上述步骤

输入N即可

等待安装,需要很长的时间

到此创建完毕

五.运行项目

切换到该项目的目录

输入 npm  run  serve  

idea还是vscode编译工具打开该项目运行都可

原文地址:https://blog.csdn.net/m0_67930426/article/details/134816155

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_47748.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注