vue入门新建vue项目

首先要安装好node.js,然后才可以用vue。

设置淘宝镜像:大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

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

这样就可以使用 cnpm 命令来安装模块了: cnpm install [ name ]

安装webpack 

cnpm install webpack-g

安装vue脚手架

npm install vue-cli-g

在硬盘上找一个文件夹放工程用的,在终端中进入该目录

cd目录路径

然后就可以创建vue项目了

环境要求:  安装有 Node.js、 vue、 vue-cli 。

创建项目:

vue init webpack projectName

vue入门新建vue项目_第1张图片

进入项目,下载依赖:

npm install 或者 cnpm install

vue入门新建vue项目_第2张图片

运行项目:

npm run dev

vue入门新建vue项目_第3张图片



这样就算构建成功了,现在可以看到这个页面

vue入门新建vue项目_第4张图片

这样就算是入门demo构建成功了,后续章节,请继续关注。

你可能感兴趣的:(vue入门新建vue项目)