Vue.js环境搭建

最新推荐文章于 2024-07-16 17:18:30 发布

Long_龙

最新推荐文章于 2024-07-16 17:18:30 发布

阅读量172

点赞数 1

分类专栏：前端文章标签：前端 Vue

本文链接：https://blog.csdn.net/qq_41144930/article/details/101163190

版权

1 篇文章 0 订阅

订阅专栏

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 [2] 。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。

前往node.js官网下载，并安装工具，我安装路径（E:\node）
以管理员身份运行cmd（一定要以管理员身份，搜索cmd,右击以管理员运行）
进入后，首先退到c盘输入cd.. C:windows\system32\cd.. ,在输入一次cd..
在C:\Program FIles\建立 nodejs文件夹
cmd进入此路径， cd c:\Program Files回车，cd c:\Program Files\nodejs 回车
选择淘宝NMP镜像下载安装，cmd输入(npm install -g cnpm --registry=https://registry.npm.taobao.org)
等待下载安装，成功后，会在 c:\Program Files\nodejs> 下，
查询node.js和npm版本号，分次输入 node -v , npm -v , cnpm -v
安装 webpack, 在当前路径(c:\Program Files\nodejs>)下，输入 cnpm install -g webpack,回车
安装vue, 上述安装成功后，依然会在c:\Program Files\nodejs>下，输入 cnpm install vue,回车
安装vue-cli, 上述安装成功后,依然会在c:\Program Files\nodejs>下，输入cnpm install -g vue-cli
安装完后，初始化一个项目，选择一个磁盘建立工作空间，然后cmd进入该工作空间
假设进入E:\VueSpace>, 输入 vue init webpack myfirst(项目名称)，回车
然后再回车，输入项目名称 myfirst, 回车，输入项目描述，等一系列类似的操作
完成后，进入项目根路径下 E:\VueSpace\myfirst>, 输入 cnpm install命令，回车,等待安装项目
测试安装是否成功，输入npm run dev命令后，会得到一个 url地址，浏览器打开这个地址，会看到一个Vue.js欢迎页面

写dev 表示运行，实际上是 package.json文件中，写着个 dev, 或者 npm run start也行

关注