windows下搭建Vuejs开发环境

1 nodejs是前端开发必不可少的工具 官网:http://nodejs.cn/       我安装的是2017年-5月-2号发布的V6.10.3

2 可以先在cmd里查看版本信息:

         node -v    //显示nodejs版本

          npm -v    //显示npm版本



3. 由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败(我一般用npm没有问题,但是看很多人说cnpm快一些,这次就是试一试),所有我还需要npm的国内镜像---cnpm

4. cmd命令行中输入     npm install -g cnpm --registry=http://registry.npm.taobao.org

5 安装vue-cli脚手架构建工具

6 进入我新建的目录中


7. 在VueJs目录下,运行命令vue init webpack firstVue。其中,webpack是构建工具、模块打包器,也就是整个项目是基于webpack的。其中,firstVue是项目文件夹的名称,这个文件夹会自动生成在vuejs这个工作目录中。安装过程中,需要我们输入项目名称,描述,作者,版本(独立版),使用ESLint规范等等,此时,我们看到工作目录下已经自动生成了目录firstVue,如下图。

8  cd到我们的项目文件夹firstVue中,运行命令cnpm install 安装包,(注意:我们已经使用淘宝镜像cnpm)


9 安装完成之后 我们会发现多了一个node_modules目录,里面就是项目依赖包资源


10 安装完依赖包之后,就可以运行整个项目了。 运行项目在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。


你可能感兴趣的:(windows下搭建Vuejs开发环境)