VUE从零开始系列(上手),第一章 安装脚手架


(二)安装webpack

还是打开命令行,输入npm install webpack -g,意思就是全局安装webpack,这样以后就不用每次新建一个项目都得重新装webpack了。完成之后输入webpack -v看下,如果出现下图:


接着输入y回车(感谢@傻梦兽 提醒,4.0以上版本的webpack需要安装webpack-cli,才能运行,抱歉疏忽了),继续输入webpack -v,如果出现版本号,就安装成功了




(三)安装VUE脚手架

因为是从0开始的,建议大家还是直接从脚手架开始吧,如果自己搭建的话,光是新建各种文件夹就已经头大了,何况还得自己配置webpack。继续在命令行输入npm install vue-cli -g,完成之后老规矩,输入vue -V查看是否安装成功,注意-V是大写。



以上几步,已经准备好了我们需要的环境,接下来开始进入开发阶段

  1. 随便新建一个文件夹,打开后在文件夹空白处按住shift+鼠标右键,点击在此处打开命令窗口,输入vue init webpack test,这里的test是指项目名称,你可以自己起名字,但是别用中文。之后一直回车,注意:? Use ESLint to lint your code? (Y/n)看到这一行的时候建议输入n,这是一个es6语法检测器,如果开启的话你得严格按照es6规则写代码,稍有不注意就会报错。 到这里就基本建好了。 此时你会发现刚才新建的文件夹里多出了好多东西:
  2. 在刚才打开的命令行中,输入cd test,就是进入你刚才新建的目录里,你的文件夹叫啥,你就cd啥
  3. 继续输入npm install,会自动安装你需要的各种依赖
  4. 完成之后开始让项目跑起来,输入npm run dev,运行成功在浏览器里打开http://localhost:8080,看到这个画面,就代表你已经成功了

转载请注明出处 AE博客|墨渊 » VUE从零开始系列(上手),第一章 安装脚手架

相关推荐

发表评论

路人甲

网友评论(0)