安装Vue
sudo cnpm install -g vue-cli
全局安装Vue脚手架,安装成功之后可以使用vue -V查看vue的版本号
创建项目
vue init webpack packageName
,其中webpack
表示所选择的模板,通常情况下使用webpack作为模板,packageName
是工程所在文件夹的名字,工程名在后面会提示输入,默认与packageName
一致
需要注意的是:
- Install vue-router?(Y/n)是否安装vue-router,这时官方的路由,大多数情况下都使用,输入“y”回车就可以了
- Use ESLint to lint your code?(Y/n)是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。往往会规范空格、空行、大括号等风格。
然后我们cd test1
进入文件夹
在test1目录下执行启动vue-cli命令:npm run dev
然后在浏览器输入localhost:8080
初始化项目成功!