如果你换了一台新电脑,如何配置前端环境
(工程位置:e:\vue\myproject
安装步骤:node.js--->淘宝镜像---->webpack--->vue-cli脚手架----->用脚手架构建项目)
[if !supportLists]1、 [endif]安装node.js
从node.js官网下载并安装node(我下载的是node-v10.15.1-x64.msi),安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 (node -v),如果出现相应的版本号,则说明安装成功。
[if !supportLists]2、 [endif]安装淘宝镜像
(npm install -g cnpm
--registry=https://registry.npm.taobao.org)
(cnpm –v) 如果不好使就 (npm –v) 如果出现相应的版本号,则说明安装成功。
[if !supportLists]3、[endif]安装webpack
打开命令行工具输入:(cnpm install webpack -g)
Webpack
是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
安装完成(webpack -v)
这个版本输入上述命令后,会询问是否先安装webpack-cli,输入y,后等待安装成功。
再次输入(webpack -v) 显示版本号
4、安装vue-cli脚手架构建工具
(cnpm install vue-cli -g)
安装完成之后输入vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。
通过以上4步,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目
[if !supportLineBreakNewLine]
[endif]