第一次开始一个vue项目:
1:安装node,npm:
vue项目是基于node,和npm创建的,所以首先去node官网下载node.js,直接解压安装一路next就行了,现在的npm已经整合到node上了,所以安装node的时候npm也自动安装上了。安装之后从cmd命令行输入 node -V,和npm-V,回车,命令行输出版本号检验是否安装成功。
2:安装vue-cli
(1)安装脚手架工具: npm install -g vue-cli –registry=https://registry.npm.taobao.org (—淘宝-镜像比较快)
安装结束之后可以cmd输入 vue -v,查看vue版本号查看是否安装成功。
3:创建框架项目 vue init webpack Vueproject (Vueproject是项目名称)
有时候创建不成功,有可能是webpack文件问题,去官网下载webpack文件,放到安装的c盘,user的.vue_templates文件夹下,再重新启动命令应该就可以了。
4: 安装依赖:
首先cd到项目文件夹(Vueproject文件夹),然后运行命令 npm install
,等待安装。
5:运行:
在你建成的Vueproject文件夹上按住shift加鼠标右键选择命令行从此处启动,然后npm run dev,运行项目,运行成功cmd会提示可以从localhost:8080开启网页。