0
点赞
收藏
分享

微信扫一扫

使用vue-cli创建vue项目

爱薇Ivy趣闻 2022-04-01 阅读 86
vue.js

1. 环境准备

1.1 安装nodejs

去官网上下载最新版本的nodejs,点击安装

 

1.安装时修改安装路径

2.安装完以后在安装目录下添加两个文件夹:node_cache和node_global,用于存放不同选项下下载的路径

3.配置缓存及全局模块存放路径

用管理员身份运行command

设置缓存文件夹 ​ npm config set cache “D:\vueProject\nodejs\node_cache”

设置全局模块存放路径 ​ npm config set prefix “D:\vueProject\nodejs\node_global”

4.配置环境变量(可选但是最好配一下)

4.1系统变量添加NODE_PATH,值为nodejs的安装目录D:\softwares\nodejs

4.2系统变量中的path添加一个D:\softwares\nodejs,一般自动添加好了

4.3用户变量中编辑PATH,添加%NODE_PATH%\node_global

5.下载一个试试

npm install express -g -g是下载到node_global文件夹下的意思

1.2 安装cnpm(淘宝镜像)

安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令:cnpm -v (这边如果在全局变量中没有,说明是没有配nodejs的环境变量)

1.3 安装webpack 和 webpack-cli

cnpm install webpack -g

cnpm install webpack-cli -g

验证 : webpack -v

1.4 安装vue 和 vue-cli

cnpm install vue -g

cnpm install vue-cli -g

验证 : vue -V

1.5 安装git

直接下载git安装包,安装。

验证:右键菜单中有了git GUI Here 和 git Bash Here

2. 使用命令行创建一个Vue项目

1.本地创建一个目录,用于存放vue项目

2.进入到这个目录,并且打开command

3.输入vue init webpack vue-demo,意思是用webpack初始化一个叫vue-demo的项目,名称可以自选

其中,route选yes,ESLint选yes。比较重要,一个是自动配置路由,一个是检测js语法格式,如果不规范会有很多报错信息。

4.进入vue项目目录,运行npm install,下载所有依赖

5.npm run serve

如果有报错,可以cnpm install,重新安装一下所需要的依赖。

举报

相关推荐

0 条评论