shenghua(盛华闲听落花 全本小说网)

盛华 闲听落花

准备阶段将配置项目环境，包括节点，npm，webpack和vue-cli。已经完成的朋友可以跳过此步骤以查看第二阶段。 ①从node。js中文网站下载并安装nodejs，单击下载。msi的32/64位安装包，然后一直双击本地文件，然后单击下一步完成nodeJs的安装。注意安装8。10以上版本！ ②第一步，首先检查本地的node。js版本：node -v第二步，清除node。js缓存：sudo npm cache clean -f第三步，安装n工具，此工具专门用于管理节点。js版本，请不要怀疑该工具的名称，就是他自己，他的名字叫“ n”。sudo npm install -gn第四步是安装最新版本的node。jssudo n稳定安装后完成后，打开命令行工具，并按如下所示输入节点-v：更新npm的最新版本sudo npm install npm @ Latest -g注意：由于国内运行速度缓慢甚至失败，以下所有npm操作均可：替换为淘宝镜像cnpm。以下所有npm命令都可以替换为cnpm。方式如下：npm install -g cnpm --registry =立即继续命令行工具，输入npm install webpack -g，-g代表全局安装。安装完成后，继续输入webpack -v，出现相应的版本号，表明安装成功。安装期间出现以下情况：解决方法是：输入npm install webpack-cli -g。安装成功后，执行webpack -v查看版本号以继续上述命令行工具。下一步是安装和配置当今的主角vue脚手架工具vue-cli。方法相同，键入命令行npm install vue-cli -g全局安装，然后输入vue -V注意：-V大写以检测安装是否成功。如下：4。总结目前，主要配置是四种工具的环境配置：node，npm，webpack和vue-cli。
无需保持一致。此阶段描述vue-cli项目的构造和相关配置，包括三个模块：创建项目，修改基本配置和运行项目。您可以选择阅读或跳过它。打开命令行工具，cd到文件目录，然后创建一个空文件夹。例如，在桌面下构建vueProject，cd桌面，mkdir vueProject，cd vueProject，最好用纯英语命名。 ，执行vue init Webpack名称，并且name可以替换为您要创建的项目的名称。按下Enter键后，系统将要求您输入一系列信息，其中大部分信息都可以直接跳过。注释如下，并且可以跳过不带注释的Enter：最后一步是选择npm或yarn，它将自动执行npm install来安装所有依赖项软件包。如果您不选择它，则可以自己安装。安装步骤为：1。cd至项目路径； 2。执行npm安装； 3。等待安装完成； cd到项目，或打开文件夹，项目目录和备注如下：命令行工具类型npm run dev，稍等片刻，直到启动成功，如果失败，则可以使用cnpm i重新安装依赖项。