vue学习01----安装

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

一、项目搭建（一共2步）

1.安装前：你需要安装node，并且切换成淘宝的镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.搭建vue项目如下: 

Vue.js

提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

报错：
默认是8080端口，改端口被占用，打开项目，进入 config>index.js中
修改端口号，再次运行 npm run dev 运行项目
运行成功，打开页面：
有的会报错，如下：
这个是因为版本的问题，我之前就遇到了，搞了半天才明白，哎
查看自己的node npm 版本是不是太低了，更新到新版本，应该就没问题了。
window更新node的版本，需要重新安装node，在node的官网上下载最新版本的node，安装第一次安装的步骤进行安装，重新新建项目，按照以上的步骤，应该就没有问题了
以上是 vue学习01----安装 的全部内容，
                        来源链接：
                            utcz.com/z/375287.html
回到顶部