-
-
Vue开发环境搭建
-
node安装
官网:https://nodejs.org/en/
下载相应系统及架构的安装包,之后傻瓜式安装即可。
安装好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。
-
安装淘宝npm镜像
由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.
淘宝的cnpm命令管理工具可以代替默认的npm管理工具。
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
-
安装全局vue-cli脚手架
淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:cnpm install --global vue-cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
输入命令:cnpm install --global vue-cli
-
使用vue cli(脚手架)生成项目
-
创建工作区目录及项目文件夹
比如:D:\Workspaces\Code\VueTest
-
生成项目
输入命令:vue init webpack my-project-first
之后会有一些提问信息,一步步根据提示输入就完成了脚手架的生成。
运行下面的命令,初始化第三方插件安装
输入命令:npm install
最后,输入命令npm run dev,大功告成。。。