1:使用Vue来开发,首先得有环境,环境我们要借助于node.js,所以要先安装node。

node.js(安装路径)http://www.runoob.com/nodejs/nodejs-install-setup.html。

3:安装好之后可以用cmd命令查看是否安装成功

Vue2.0 配置环境搭建

2:借助于node里面的npm来安装需要的依赖等,打开cmd命令,以管理员运行,如果在cmd里面直接使用npm来安装工具的话会比较慢,所以我们推荐使用淘宝镜像。

输入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。

3:安装完npm镜像后,开始安装全局vue-cli脚手架,方法比较简单。输入cnpm install -g vue-cli 回车,验证是否安装成功,在命令行中输入vue -V,出来vue的信息说明安装成功。

4:安装完脚手架以后开始,开始创建一个新项目,输入 vue init webpack first-vue(first-vue是我创建的项目文件夹的名字)。

Vue2.0 配置环境搭建

5:因为各个模板间都是相互依赖的,所以要安装依赖,用命令进入项目后cd first-vue,在命令行输入cnpm install ,你会发现在已经创建的项目结构里面会多出一个node_modules的文件夹,里面就是刚才安装的所有依赖。

下图为Vue的项目结构:

Vue2.0 配置环境搭建

6:项目构建完成,现在我们输入npm run dev运行项目吧,看看有什么效果,自动打开默认浏览器显示页面。

Vue2.0 配置环境搭建Vue2.0 配置环境搭建

相关文章:

  • 2022-12-23
  • 2021-11-09
  • 2022-12-23
  • 2021-06-17
  • 2021-05-31
  • 2021-08-31
  • 2021-05-31
  • 2021-10-20
猜你喜欢
  • 2022-03-09
  • 2021-11-02
  • 2021-06-23
  • 2021-09-22
  • 2022-12-23
  • 2021-08-25
  • 2021-06-12
相关资源
相似解决方案