Vue如何新建项目及Vue

node.js
方式/
1【Vue如何新建项目及Vue】先从nodejs.org中下载nodejs

Vue如何新建项目及Vue

文章插图

2安装nodejs , 按照
直至完当作安装

Vue如何新建项目及Vue

文章插图

3打开节制号令行程序(CMD),查抄安装是否正常
查看node.js版本号与npm版本号

Vue如何新建项目及Vue

文章插图

4利用淘宝NPM 镜像
大师都知道国内直接利用npm 的官方镜像长短常慢的 , 这里保举利用淘宝 NPM 镜像 。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以利用cnpm 号令来安装模块了:

Vue如何新建项目及Vue

文章插图

5Vue项目初始化
安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli

Vue如何新建项目及Vue

文章插图

6查看vue-cli是否当作功 , 不克不及查抄vue-cli,需要查抄vue

Vue如何新建项目及Vue

文章插图

7新建vue项目
选定路径 , 新建vue项目 , 这里我是在D盘上新建了vue文件夹 , cd目次路径

下面我一项目名为playlist新建vue项目
vue init webpack ”项目名称“

Vue如何新建项目及Vue

文章插图

8安装号令:cnpm install
此刻已经建立好了 , 那就让项目先安装下依靠再运行一下 , 会呈现下面的页面
注重这里要在playlist下进行安装!!!

Vue如何新建项目及Vue

文章插图

9运行号令:cnpm run dev
注重 这里要在playlist下进交运行哦!!!

Vue如何新建项目及Vue

文章插图

10 安装当作功 。

Vue如何新建项目及Vue

文章插图


以上内容就是Vue如何新建项目及Vue的内容啦 , 希望对你有所帮助哦!

    推荐阅读