关于vue.js:vue-webpacksimple-安装入门

4次阅读

共计 541 个字符,预计需要花费 2 分钟才能阅读完成。

<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
期待页面的自动弹出,到此,后盾就曾经搭建实现,之后就是对内容的编写了。

正文完
 0