VUE从0到1

Node.js安装

https://nodejs.org/zh-cn/

一路下一步装好之后调出cmd命令行敲node –v查看node版本, npm –v 查看npm包管理器版本

Cnpm安装

由于npm是国外服务器,推荐大家安装淘宝源,这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

调出cmd敲

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

安装完成后敲 cnpm –v 只要不报错,就算安装成功

Vue脚手架安装

 1.使用cnpm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令

cnpm install --global vue-cli

安装完成后,创建自己的工作空间,在cmd切换至刚刚创建好的工作空间,如果已经有工作空间,直接切换到工作空间即可。使用命令创建项目

Vue项目创建

vue init webpack

命令输入后,会进入安装阶段,需要用户输入一些信息

Project name (vuetest)             

      项目名称,可以自己指定,也可直接回车

Project description (A Vue.js project)  项目描述,也可直接点击回车,使用默认名字

Author (........)       作者,不用说了,你想输什么就输什么吧

Runtime + Compiler: recommended for most

users    运行加编译,既然已经说了推荐,就选它了

Install vue-router? (Y/n)    Y

Use ESLint to lint your code?(Y/n)      N


……

后面一路回车就行

启动项目

npm run dev

http://localhost:8080 即可出现helloword vue

构建本地项目

npm run build

你可能感兴趣的:(VUE从0到1)