vue项目的安装与搭建---随笔记录(一)

对于vue初学者,首先需要面对的就是vue项目的安装以及如何搭建一个vue项目.对此,我将自己对于vue项目创建的一些经验和踩坑记录一下~

vue的安装及配置:

          第一步:对于一个vue项目node.js是必不可少的配置之一 官网：https://nodejs.org/zh-cn/ (推荐安装8.9版本以上的,最新版本即可 可使用cmd输入指令 node -v 检查安装是否成功)

          第二步:环境变量的配置

a、修改path: D:\Program Files\nodejs\node_global;

b、新增NODE_PATH：D:\Program Files\nodejs\node_global\node_modules

                                 

          第三步:安装cnpm 即国内镜像 在命令行中输入  npm install -g cnpm --registry=http://registry.npm.taobao.org (没报错就意味着安装成功)

          第四步:安装vue-cli 脚手架构建工具 在命令行行中输入 npm install -g vue-cli 执行后出现的部分问答(必须在全局中进行安装,vue -V检查安装是否成功,webpack -v版本查询)

          第五步:安装依赖 一个新的vue项目第一件事就是安装依赖 npm install (可简写 npm i)

          如果运行报错或失败可以尝试性安装 npm install core-js@2 在执行 npm i[用来解决core.js丢失的问题]

          安装完毕后 npm run dev 运行程序即可

 

 

          下一篇介绍 vue项目的文件夹含义及常用指令---随笔记录(二)