公司想做官网,框架我自己定,然后就选了vue,那现在就来加深一遍vue的环境的搭建吧

1、安装node.js,这里就不再多说了,很简单,如果之前有安装就不用再安装了,可node -v查看node版本
 
2、基于node.js,利用淘宝npm镜像安装相关依赖,在cmd里直接输入:
  npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装;

3、安装全局vue-cli脚手架,用于帮助搭建所粗的模板框架,
  1)cnpm install -g vue-cli,回车
  2)输入vue回车,若是看见vue的信息,则表示安装成功;
 
4、创建项目,在cmd里输入:vue init webpack vue_test(项目名称),回车,等一下依次出现`git`下的项,按下图操作:
VUE环境搭建,项目配置(Windows下)
 
VUE环境搭建,项目配置(Windows下)
5、安装依赖,在cmd里输入:
  1)cd vue_test(项目名称),进入到具体项目文件夹;
  2)输入 cnpm install,回车,等会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖),基于脚手架创建的项目 目录如下:
VUE环境搭建,项目配置(Windows下)

VUE环境搭建,项目配置(Windows下)
6、测试环境是否搭建成功
  1)第一种方法:cnpm run dev
  2)第二种方法:在浏览器输入:localhost:8080,运行后,效果如下图所示:
VUE环境搭建,项目配置(Windows下)
这样,就成功了
 
 7、如果有如下图所示的错误:
VUE环境搭建,项目配置(Windows下)
 
那就升级npm,输入命令:npminstall -gnpm,就可以自动升级到最新版本了 

VUE环境搭建,项目配置(Windows下)

 

相关文章:

  • 2021-08-09
  • 2021-11-25
  • 2022-02-21
  • 2022-12-23
  • 2021-11-25
  • 2021-11-18
  • 2021-03-25
猜你喜欢
  • 2022-01-06
  • 2022-12-23
  • 2021-06-12
  • 2022-12-23
  • 2021-07-01
  • 2021-05-01
  • 2021-08-23
相关资源
相似解决方案