做旅游网站的方法,响水做网站哪家好,为新创业公司建设网站,seo成创网络提示#xff1a;文章写完后#xff0c;目录可以自动生成#xff0c;如何生成可参考右边的帮助文档 文章目录 一、搭建node二、安装Vue CLI三、搭建新项目四、Elemet安装#xff08;参照官网步骤[Element官网](https://element.eleme.cn/#/zh-CN/component/installation)文章写完后目录可以自动生成如何生成可参考右边的帮助文档 文章目录 一、搭建node二、安装Vue CLI三、搭建新项目四、Elemet安装参照官网步骤[Element官网](https://element.eleme.cn/#/zh-CN/component/installation)后续继续补充学习过程中遇到的该注意点及注意事项。 新手记录创建VUE2项目过程 提示以下是本篇文章正文内容下面案例可供参考
一、搭建node
1.确保电脑已安装了node
2.检查是否安装成功打开cmd输如 node -v,如果输出了版本号即代表我们安装成功了。
二、安装Vue CLI
1.在cmd中输入 npm install -g vue/cli 注意如果安装过旧版的VUE CLI需要先卸载掉
npm uninstall vue-cli -g 2.执行vue -V 查看版本如果输出版本号说明我们安装vue成功
三、搭建新项目
1.通过cmd跳转到你要存放项目的磁盘/文件夹执行如下命令
vue create Project Name //文件名 不支持驼峰(含大写字母)2.选择要创建的是Vue3 还是Vue2,我这里是选择的2然后等待完成即可 3.出现如下界面就代表完成了。 4.启动项目首先需要先进入到项目根目录 cd myvue2project然后执行 npm run serve即可 然后访问如下地址即可
cd myvue2project
npm run serve四、Elemet安装参照官网步骤Element官网
1.用vscode打开创建好的项目新建终端终端中输入如下命令等待完成。
npm i element-ui -S2.继续在终端中输入如下命令等待完成。
npm install babel-plugin-component -D3.修改main.js中代码如下
import Vue from vue
import ElementUI from element-ui;
import element-ui/lib/theme-chalk/index.css;
import App from ./App.vueVue.config.productionTip false
Vue.use(ElementUI);new Vue({render: h h(App),
}).$mount(#app)
4.接下来就可以在页面上使用element的组件了。 后续继续补充学习过程中遇到的该注意点及注意事项。
