vue + webpack-simple 安装入门

安装

后台命令窗口输入:


先创建一个新的文件夹,注意文件夹路径不能为中文,然后进入文件夹,按住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
等待页面的自动弹出,到此,后台就已经搭建完成,之后就是对内容的编写了。

你可能感兴趣的:(vue.js)