Vue项目从安装到运行

一.关于安装
  1. 安装node环境: https://nodejs.org/en/
  2. 在安装node时,npm会自动安装
  3. 在命令行查看node和npm是否成功安装       
  4. 安装npm淘宝镜像,命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
  5. 安装webpack(版本不要太高,3.6.0和2.9.1就可以),命令行输入:npm install webpack -g
  6. 安装vue-cli脚手架 命令行中:npm install -g vue-cli
  7. 初始化项目,vue init webpack abc(abc是项目的名字)
  8. 然后根据命令行里的提示cd abc,npm run dev等依次在命令行输入就可以,最后在浏览器中输入网址,就可以看到vue图标啦

 

二.关于环境变量的配置
  1. 控制面板->高级系统设置->环境变量

  2. 系统变量(而不是用户变量)的设置:

  • 点击 -> Path -> 编辑:
  • 我安装位置在E盘:Path中新建,将自己下载的npm等环境配置,如下:
  • 如果没有node_cache和node_global两个文件夹,自己手动新建就可以:
  • 在Path中编辑完后点击确认就可以了,然后依然还是在系统变量里,“新建” NODE_PATH 变量 就可以了:

 
posted @ 2019-12-31 10:20  奔跑的蜗牛mxl  阅读(225)  评论(0编辑  收藏  举报