从node.js官网下载并安装node
安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。
npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息。

cd 到项目目录下
执行npm install chalk
安装完成后,文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源。
在项目目录中,运行命令 npm run dev 项目就可以跑起来了。这时浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。

 

========================以下是可以自己新建vue项目得办法============

输入两行命令(注意这两个命令的先后顺序)

npm install webpack -g

npm install vue-cli -g

 

在文件夹下面打开命令窗口,在此文件夹内用vue初始化一个项目。

输入

vue init webpack 项目名称

================如果执行上面出现===>一直处于...downloading template状态。则执行下面得方法===============

运行nrm use taobao切换npm到淘宝镜像。

       nrm不是内部或外部命令,也不是可运行的程序,解决方法:

       安装nrm:npm install nrm -g

       nrm ls 查看所有可用的路径。

vue运行环境安装

 

运行nrm use taobao切换npm到淘宝镜像。

vue运行环境安装

 

 

运行npm install webpack -g,重新安装webpack。

vue运行环境安装

 

 

重新运行vue init webpack 项目名称,项目就可以构建成功了。

vue运行环境安装

 

 

项目文件夹里面出现如下文件

 vue运行环境安装

 

相关文章:

  • 2021-12-10
  • 2021-11-27
  • 2021-06-09
  • 2021-12-09
  • 2021-07-27
  • 2021-07-04
  • 2021-05-24
  • 2021-10-19
猜你喜欢
  • 2021-12-06
  • 2020-07-09
  • 2022-12-23
  • 2022-12-23
  • 2021-04-15
  • 2022-01-15
  • 2021-11-30
相关资源
相似解决方案