创建vue项目和常见的一些问题

使用webpack搭建项目
1,使用vue init webpack 你的项目名称

在这里插入图片描述

2,​当创建好项目时cd… 项目名称 进入你的项目

3,这时候如果你的项目需要一些插件,比如axios,swiper,等等可以直接使用npm install 名称来安装

4,这时你可以使用npm start 或者 vue run dev 来运行你的项目

5,当你的项目运行时有时会报错

创建vue项目和常见的一些问题_第1张图片

这个时候是你安装的插件有问题,可以使用命令npm uninstall来先删除一下你安装的install文件,在执行npm install重新安装一下依赖,这样你在运行一下项目你会发现问题已经解决了,项目运行起来了。

6,在你创建vue项目时用可能会出现创建不成功,这个时候有可能是你的缓存有问题,可以先清除一下缓存,使用npm cache clean -f,然后你会发现项目可以正常创建了。

使用vue-cli 搭建 项目
 1. 全局安装vue的脚手架:vue-cli

npm install vue-cli -g

2. 使用初始化 vue 项目: (使用 webpack模板搭建项目)

vue init webpack

3. 进入刚刚新建的项目文件:

cd

4. 安装vue项目所需要的依赖

npm install

5. 运行启动项目:

npm run dev

当你运行成功在浏览器显示

创建vue项目和常见的一些问题_第2张图片

​证明你的项目安装成功了这个时候你可以开始写你的项目了。

你可能感兴趣的:(前端)