使用vscode 创建vue2.0项目

1、安装vue-cli

点击终端-新终端，输入：npm install -g vue-cli 等待安装成功。

若安装失败，可以尝试使用：

1，配置淘宝镜像：npm config set registry https://registry.npm.taobao.org

2，配置完成后检验是否成功：npm config get registry

3，重新运行命令：npm install -g @vue/cli

2、安装js打包工具

终端输入：npm install -g webpack等待安装成功。

3、创建vue项目

终端输入：vue init webpack myvue 。其中myvue为创建的项目名称。后面会提示选项，可以点击回车使用默认值。

如果提示：使用"vue init webpack"时报错"无法加载文件,因为在此系统上禁止运行脚本"。则可以找到该路径，删除该文件。

4、运行项目

终端输入：npm run dev等待安装成功。

5、浏览器中运行

在浏览器里输入:http://localhost:8080。看到以下画面则说明创建成功

参考：

https://blog.csdn.net/liudoris/article/details/108167725；

https://blog.csdn.net/weixin_43170297/article/details/102589537；

https://www.cnblogs.com/flms/p/12799835.html

使用vscode 创建vue2.0项目相关推荐

创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
使用VSCode创建一个Vue项目
使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...
vue设置html自动跳转路由器,vue2.0项目实现路由跳转的方法详解
一.安装 1.安装路由vue-router: npm install vue-router vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功 2.vue项目引入v ...
Vue2.0项目安装Mint-UI - cmd篇
Vue2.0项目如何安装引入Mint-UI? 这里讲一下如何通过cmd指令安装mint-ui到vue2.0项目. 步骤说明: 和以前一样,先cd到项目根目录然后cmd:npm i mint-ui - ...
webpack+Vue2.0项目基础工程文件配置
随着Vue的流行,很多公司开始技术栈指向Vue,开始的时候用gulp+vue1.0做项目,一直到现在,webpack趋势也上来了,而且vue官网也是用webpack跟Vue结合去讲解实例,接下来大概说 ...
vscode构建Vue3.0项目(vite,vue-cli)
构建Vue3.0项目构建Vue3.0项目 1.使用Vite构建vue项目的方法以及步骤 1. 安装vite 2. 运行vite + vue 项目 3.说明 2.使用vue-cli构建vue项目的方法 ...
使用Maven 创建web3.0项目
步骤如下: 1,创建Maven Project 勾选创建一个简单工程填写Maven工程相关信息此处注意Packaging选项需要选择打包方式为war.group id貌似不能分割太多. 创建完 ...
用vscode创建一个c项目_Visual Studio Code创建C#项目
visual studio code是一个支持跨平台的文本编辑器,同其他文本文本编辑器一样,不但占用磁盘空间下,性能也比较快:近几年由于不断的升级和许多开发者提供大量的插件,它已经成为了一个非常强大的 ...
uni-app—使用vscode创建小程序项目（图文）
输入 vue create -p dcloudio/uni-preset-vue my-project 选择模版我选择的是默认模版,这样里面什么都没有,可以再安装自己需要的即可成功之后文件夹就是这 ...

使用vscode 创建vue2.0项目

使用vscode 创建vue2.0项目相关推荐

最新文章

热门文章