vue + webpack-simple 安装入门

Posted 2021-10-09 宋Yang

<h1>安装</h1>

<h2>后台命令窗口输入：</h2>
先创建一个新的文件夹，注意文件夹路径不能为中文，然后进入文件夹，按住shift键，点击鼠标右键，选择在此处打开命令窗口，弹出小黑框，然后在小黑框即后台进行操作。

第一步输入：
npm install -g vue-cli
在全局环境（-g）安装vue-cli，安装完之后，输入：
vue
初始化webpack-simple，项目文件夹名称为 vuedemo（名称可任取，不能为中文），输入：
vue init webpack-simple vuedemo

接下来，会出现Project name输入请求，也就是给项目取名，不用管，采用默认即可，按回车键
然后是项目描述，可写可不写，继续按回车
之后是作者，继续按回车
Use sass 一种css语法规则，同样没太大关系，输入y，按回车

出现代码提示，没有报错，说明webpack-simple已经安装完毕，接下来按照出现的代码提示进行操作
首先，找到自己的项目文件夹（vuedemo是我取得文件夹名，需要改为你之前取得的项目文件夹名），输入：
cd vuedemo
然后激活npm
npm install
最后运行此框架
npm run dev
等待页面的自动弹出，到此，后台就已经搭建完成，之后就是对内容的编写了。