VUE前端开发:一、vue 开发基本环境配置

174 阅读1分钟

开始实践学习做技术博客,初来乍到,多多关照;

望不忘初心,

今天重新做了一下项目环境配置,记录一下,便于后续配置开发,方便注意避免错误: 1、看一下自己的 node 开发环境 node.js是否安装配置 ,没有的话进行配置安装

验证是否安装成功: node -v

npm配置 cnpm 淘宝镜像

cnpm 语句: install-g cnpm --re

验证是否安装成功: cnpm -v

2、webpack工具安装

安装项目webpack打包: npm install --save -dev webpack

验证是否安装成功: webpack -v 

3、vue-cli 基本安装配置

  安装代码:npm install -g @vue/cli  
 不行的可以用: cnpm install -g vue-cli
 验证是否安装成功: vue  -V (注意:大写V) 

vue手脚架安装成功

4、新建自己的一个文件夹 进入建立项目

成功后 npm run dev

创建项目 vue init webpack +自己的文件名

安装完成

进入项目文件夹

进行 npm run dev

npm run是npm run-script的简写,顾名思义就是执行脚本。执行的脚本配置在package.json中的scripts对象。

下一节学习研究一下 npm命令操作

                                                                                                        愿方得始终。