脚手架是vue给我们使用的一个创建单文件组件化vue工程的一个构建工具,类似于我们的idea中的maven项目管理工具,它可以帮助我们管理依赖管理文件和包,那么我们现在开始做第一个vue工程吧!
下载脚手架工具(准备node.js环境)
配置淘宝镜像:npm config set registry http://registry.npm.taobao.org
安装脚手架:npm install -g @vue/cli
创建vue工程
这个步骤比较简单,我们只需要在想创建vue工程的文件夹的cmd黑窗口下输入:
创建vue工程:vue create 工程名
这样就创建成功了:
访问两个地址都可以看到:
这里不免需要注意一个点,我们创建时需要选择vue版本,脚手架版本自动就有,最好选择2.0的大众版本,后面babel的意思是es5与es6之间语法的转换。
如果项目文件报出以下的问题:
在package.json文件中找到parserOptions配置项添加 "requireConfigFile": false即可解决问题。